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Avant-propos 

Destinee aussi bien aux debutants qu'aux utilisateurs inities, la 
collection Guide Complet repose sur une methode essentiellement 
pratique. Les explications, donnees dans un langage clair et precis, 
s'appuient sur de courts exemples. En fin de chaque chapitre, decouvrez, 
en fonction du sujet, des exercices, une check-list ou une serie de FAQ 
pour repondre a vos questions. 

Vous trouverez dans cette collection les principaux themes de l'univers 
informatique : materiel, bureautique, programmation, nouvelles 
technologies... 

Conventions typographiques 

Afin de faciliter la comprehension des techniques decrites, nous avons 
adopte les conventions typographiques suivantes : 

■ gras : menu, commande, boite de dialogue, bouton, onglet. 

■ italique : zone de texte, liste deroulante, case a cocher, bouton 
radio. 

■ Police baton : Instruction, listing, adresse internet, texte a 
saisir. 

■ £< : indique un retour a la ligne volontaire du aux contraintes de 
la mise en page. 
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REMAROUE 11 s'agit d' informations supplementaires relatives au sujet traite. 
I 



ATTENTION 
l_ 



Met 1' accent sur un point important, souvent d'ordre technique qu'il 
ne faut negliger a aucun prix. 
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asicE Propose conseils et trues pratiques. 
I 




Donne en quelques lignes la definition d'un terme technique ou d'une 



DEFINITION 

abreviation. 
I 
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Le concept du CMS 



Meme s'il est d'usage de comparer Internet a une toile d'araignee, 
1' image n'est que partiellement fondee... En effet, les arachnides ont 
pour habitude de tisser seules. . . Or la toile du Web, qui s'etend toujours 
plus chaque jour, est l'ceuvre d'un nombre important et croissant 
d'acteurs. Webmestres, informaticiens, scientifiques, journalistes, 
blogueurs, marchands, passionnes en tous genres de sujets en tous 
types ; chacun d'eux, chacun de nous, tisse, a tout instant, une maille 
supplemental, participant ainsi a ce fantastique accroissement de la 
mise en ligne des connaissances technologiques, culturelles et 
artistiques, revolution majeure de la derniere decennie. 

Chaque jour voit de nouvelles techniques naitre, des habitudes changer, 
des internautes plus curieux mais aussi, forcement, plus presses de 
savoir, decouvrir, essayer et egalement laisser leur propre trace dans la 
memoire sans fin du reseau. 

Plus question, en effet, de se limiter a la consultation passive de sites 
construits uniquement avec des textes et des images. Musiques, films, 
forums, chats, messageries instantanees, reponses aux articles sont les 
elements constituants du Web moderne. 

N'oublions pas le commerce electronique... Cette revolution dans la 
revolution, fonctionnalite balbutiante hier, parfaitement mature 
aujourd'hui, capable de faire vaciller certaines grandes structures 
commerciales, construites sur des techniques de vente traditionnelles, et 
qui payent cher l'erreur de ne pas avoir anticipe la vague deferlante du 
commerce en ligne. 

Passionnant mais bouillonnant, pourvoyeur de richesses intellectuelles et 
financieres pour certains, de reves et de disillusions pour d'autres, le 
Web est sans merci et ne laisse pas place a l'mefficacite. Que Ton soit 
redacteur ou commergant, on ne cree plus aujourd'hui des pages comme 
on le faisait il y a encore quelques annees. Performance et rentabilite 
sont les maitres mots de la reussite, en matiere de gestion du contenu 
redactionnel, qui ne peut plus s'operer de fagon artisanale. Et c'est tout 
naturellement en reponse a ce besoin de productivity que sont nes les 
systemes de gestion de contenu. 

L'objectif de ce livre est de vous presenter Joomla. A nos yeux, Joomla 
est le systeme de gestion de contenu le plus abouti et le plus polyvalent. 
II est capable, par exemple, de se transformer en forum de discussion, en 
galerie d' images et surtout, comme vous le decouvrirez dans la seconde 
partie de cet ouvrage, en site de commerce electronique. 
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Qu'est-ce qu'un systeme de gestion de contenu ? Avant de pouvoir 
repondre a cette question, il est necessaire de revenir sur les techniques 
traditionnelles de realisation d'un site Internet. 



1.1. Techniques traditionnelles 
de construction de sites Internet 

Pour comprendre l'interet des systemes de gestion de contenu, il vous 
faut bien differencier les deux families de sites web en ligne a ce jour : 
les sites statiques et les sites dynamiques. 

Creer un site statique, une technique 
aujourd'hui depassee 

Toutes les pages qui composent les sites web que vous visitez, 
respectent des normes de conception, celles du langage XHTML, 
nouvelle mouture du langage HTML. 

Le HTML (Hypertext Markup Language) est un langage de mise en forme 
de documents, employe afin d'afficher les contenus des pages web dans 
les navigateurs Internet. Ce langage est une variante du 
SGML (Standard Generalized Markup Language). 

La structure du HTML est fondee sur l'utilisation de "balises", 
instructions permettant la mise en forme des documents, essentiellement 
composes de textes et d'images. L'une d'entre elles est fondamentale, 
puisqu'elle autorise la creation de liens "hypertextes", qui permettent, 
par simple clic sur une chaine de caracteres ou une image, d'ouvrir une 
autre page. Cette fonctionnalite, qui autorise les sauts d'une page a une 
autre, est a l'origine de l'expression "surfer sur le Web". 

En complement du code HTML, il est frequent de trouver, greffees dans 
les pages, des fonctionnalites complementaires, telles que des 
animations sophistiquees en technologie Flash, des videos ou des 
morceaux de code Javascript. Ces derniers sont utilises afin de realiser 
des traitements impossibles en HTML, tels que des validations de 
donnees dans des formulaires (zones de collectes d' informations 
structurees), des calculs ou encore certains types de menus deroulants. 
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Autre complement aujourd'hui indissociable des pages HTML, les 
feuilles de style en cascades (dont l'extension de fichiers est .ccs), 
traduction frangaise de 1' expression "Cascading Style Sheet" et dont la 
fonction est de gerer la mise en forme des pages. L' utilisation des 
feuilles de style a constitue un progres majeur car elle a simplifie 
considerablement la lecture du code HTML. 






REMARQUE 



"Page HTML", un abus de langage 

Parler de "pages HTML" est aujourd'hui un abus de langage puisque 
le HTML a ete remplace par le XHTML. Cette expression est toutefois 
tres repandue et nous l'utiliserons dans ce qui suit pour designer les 
pages ecrites en langage XHTML. 



La methode la plus simple, la plus ancienne egalement, pour realiser un 
site web, est celle du "site statique". Dans un tel site, les pages sont 
ecrites par le webmestre, en langage XHTML, soit par une saisie totale 
du code dans un editeur de texte, tel que le Bloc-notes, soit par le biais 
d'un logiciel de creation de pages WYSIWYG tel que Dreamweaver. 






REMARQUE 



Editeur de texte et generateur de code WYSIWYG 

On nomme "editeur de texte" un logiciel simple, qui peut etre 
compare a un traitement de texte qui ne disposerait pas de 
fonctionnalites de mise en forme du texte. Le langage XHTML etant un 
langage de mise en forme de documents, c'est en effet le code de la 
page et celui de la feuille de style a laquelle elle est rattachee qui 
contiennent les instructions de mise en forme. 



- 
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Figure 1. 1 ; Extrait du code XHTML d'une page web, ici affiche dans le 
Bloc-notes, I'editeur de texte livre avec Windows 
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REMAROUI 



Le terme WYSIWYG, quant a lui, est un acronyme de What You See 
Is What You Get. Cette expression, qui peut etre interpreted par "Vous 
voyez ce que vous obtiendrez" est utilisee pour designer le mode de 
fonctionnement des logiciels de creation de pages web, tels que le celebre 
Dreamweaver. A la difference d'un simple editeur de texte, ceux-ci se 
presentent sous la forme d'un traitement de texte simplifie, disposant 
d'une interface dediee a la realisation des mises en forme des textes et des 
images ainsi qu'aux insertions d'objets dans les pages tels que des 
applications en technologie Flash ou de traitements predefinis en langage 
Javascript. Les actions effectuees sont ensuite transformees en langage 
XHTML, comme si ce dernier avait ete tape manuellement dans un 
editeur de texte. 



Le plus sou vent, la visite d'un site web debute par la page d'accueil. 
Celle-ci se nomme quasi invariablement "Index". Si le site est construit 
de fagon "statique" (entendez "sans utilisation d'un langage de 
programmation generant les pages HTML"), elle porte l'extension .htm 
ou .html. 

Les navigateurs Internet, dont la finalite est d' interpreter le code des 
pages et d'afficher le resultat de cette interpretation, sont programmes, 
lorsqu'un nom de domaine est saisi dans leur barre d'adresse, pour 
s'assurer de l'existence d'une telle page et pour l'ouvrir, dans 
1' affirmative. Si tel n'est pas le cas, le navigateur affiche un message 
indiquant qu'il ne peut afficher la page. 



, , L J £) 



REMARflUE 



Nom et extension d'un fichier 

L'extension d'un fichier est le terme indiquant une courte chaine de 
caracteres ajoutes apres le nom du fichier et qui indique son 
appartenance a une famille. Ainsi, les fichiers portant l'extension .htm ou 
.html font partie de la famille des pages web statiques. Nom de fichier et 
extension sont toujours separes par un point. 



La visite d'un site ne commence toutefois pas obligatoirement par celle 
de la page d'accueil, l'internaute venant generalement d'un moteur de 
recherche, pouvant commencer son parcours depuis n'importe quelle 
page du site et se deplacer vers les suivantes en utilisant les liens 
hypertextes permettant une navigation sur le site. 
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Pour un internaute, une autre raison de debuter son parcours sur un site 
web peut etre d' avoir enregistre l'adresse de la page dans ses Favoris, 
encore nommes marque-pages, qui sont des adresses de pages 
memorisees et stockees dans les navigateurs Internet. 

Comprendre les principes des sites 
dynamiques 

Deuxieme categorie de sites web, les sites dynamiques se distinguent 
des sites statiques dans la mesure ou les pages qui les composent sont 
generees par des programmes, selon les requetes realisees par les 
internautes, et qui peuvent prendre des formes diverses (zones de texte, 
cases a cocher, listes deroulantes, boutons d' options, etc.). 

Parmi les composants techniques susceptibles de realiser de tels 
traitements, les plus utilises sont incontestablement les composants open 
source Linux (systeme d' exploitation), Apache (serveur web), 
PHP (langage de programmation) et MySQL (base de donnees). On 
retrouve cette configuration chez la quasi totalite des hebergeurs. 

Nombreuses sont les utilisations qui peuvent etre faites des rouages du 
Web dynamique : commerce electronique, en premier lieu, mais aussi 
forums, blogs, reseaux sociaux, jeux en ligne, pour citer les applications 
les plus repandues. 

L'un des tournants majeurs du Web dynamique, ces dernieres annees, a 
ete sa democratisation. Petites et moyennes structures commerciales 
Font adopte, y voyant une technologie beaucoup plus efficace et bien 
moins couteuse que celle du traditionnel Web statique. Quant aux 
particuliers, nombre d'entre eux l'utilisent sans meme en avoir 
conscience, en publiant leurs articles sur des blogs, par exemple. Facilite 
de mise a jour par interface directement accessible depuis un navigateur 
web, de n'importe quel poste connecte a Internet, aucun logiciel a 
installer sur le PC, optimisation du referencement dans les moteurs de 
recherche sont les seduisants atouts du Web dynamique, auxquels il est 
difficile de resister. 

C'est done tres naturellement sur cette vague que se sont developpes les 
CMS (Systemes de Gestion de Contenu), outils de creation et de mise a 
jour de sites, dont le principal avantage est de delester le webmestre des 



16 



LE GUIDE COMPLET 



Comprendre les principes des CMS 



Chapitre 1 



taches de creation des pages pour lui permettre de se concentrer sur le 
contenu redactionnel du site. 
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Figure 1.2 : L'editeur de creation de pages en ligne propose par le CMS 
Joomla 



1.2. Comprendre les principes 
des CMS (serveur web, base 
de donnee, code dynamique) 

Les avantages du CMS 

Les principes de fonctionnement des systemes de gestion de contenu 
(denommes CMS, pour Content Management System ou encore SGC, 
pour Systeme de Gestion de Contenu) sont globalement toujours les 
memes. Bien les comprendre est done un atout important pour un 
webmestre utilisant Joomla. 
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Les CMS sont des systemes de publication sur Internet. Leurs 
mecanismes sont prefabriques : edition du contenu des pages (textes et 
images), fonctionnalites en tous genres qui necessitaient il y a peu des 
developpements specifiques lors de la creation d'un site, etc. 
Implementer un site web au moyen d'un CMS consiste done a 
parametrer celui-ci. 

Le webmestre ayant deja cree, de toutes pieces, un site statique via des 
techniques traditionnelles, sera immediatement et agreablement surpris 
par l'efficacite d'une telle solution, en terme de temps de mise en place 
(sans les nombreux jours de debogage et de tests). 

Sa seconde surprise sera certainement la facilite qui s'offrira a lui en ce 
qui concerne la mise a jour du contenu editorial et qui s'operera 
simplement, depuis une interface d' administration en ligne. La quantite 
de pages qu'il mettra en ligne s'en trouvera certainement accrue, de 
meme que leur qualite, puisque la tache du webmestre se limitera a la 
redaction du contenu redactionnel, a laquelle s'ajouteront quelques 
operations simples de mise en forme, operees par les commandes 
proposees sur 1' interface. 

En outre, toute modification effectuee (mise a jour d'un catalogue, date 
d'evenement, modification de tarif, ...) sera visible instantanement pour 
tout visiteur du site. 

Enfin, et cela n'est pas le moindre avantage, le webmestre, par simple 
mise a jour de son systeme de gestion de contenu, beneficiera de toutes 
les ameliorations apportees par l'equipe de developpement du produit, 
presque toujours gratuitement puisque issues du monde de l'open 
source, soucieuse d'apporter a leur "bebe" toutes les nouvelles 
fonctionnalites qui ne manqueront pas d'apparaitre sur Internet. 






Le monde de l'open source 

On peut traduire ce terme par "source ouverte". II designe les logiciels 
disposant d'une licence autorisant la libre redistribution du produit et 
dont le code informatique est libre. 

Les programmes open source sont generalement de bonne qualite puisque 
l'ouverture du code a de nombreux programmeurs favorise 1' amelioration 
des produits. 
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Ajoutons a cette liste, deja longue, d'arguments positifs en faveur de 
l'utilisation d'un CMS, que ce dernier s'installe en un temps record 
(moins d'une heure en general) et il sera aise de comprendre pourquoi 
tant de personnes utilisent aujourd'hui des systemes de gestion de 
contenu. 

Interessons-nous maintenant aux principes techniques qui regissent les 
CMS, et particulierement Joomla... 

L'idee federatrice est de separer les contenus a proprement parler, que 
represented les textes, les images et, d'une maniere generate, les objets 
inseres dans les pages, de leur mise en forme, effectuee par un choix en 
matiere de polices de caracteres, de couleurs et d'habillage graphique 
principalement. 

Les contenus sont stockes dans une base de donnees (MySql dans 
presque tous les cas), alors que les directives relatives a la presentation 
sont dans des feuilles de styles, les fichiers dans lesquels sont 
enregistrees les particularites de mise en forme des pages du site. 

Ainsi, il est possible, sans changer une virgule du contenu redactionnel 
du site, d'en modifier l'apparence radicalement (il suffit de modifier la 
ou les feuilles de style qui leur sont appliquees). 
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Figure 1.3 : Sur Joomla, la modification de la mise en forme seffectue par 
application d'un "template" 
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Vous pourrez, par exemple, utiliser des modeles de presentation 
differents en fonction des periodes de soldes, ou des fetes a venir afin de 
changer 1' aspect de votre site, sans modifier les textes et les images qu'il 
renferme. 



La mise a jour immediate du site 

L'un des principaux avantages du CMS est la mise en ligne immediate 
de toute modification des pages du site. Pour bien le comprendre, il est 
necessaire de commencer par decrire le mode de fonctionnement de la 
publication traditionnelle d'un site web. 
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Figure 7.4 ; Schema de publication traditionnelle d'un site web 

Lorsque le site est construit et mis en ligne de fagon traditionnelle, 
c'est-a-dire sans utilisation d'un systeme de gestion de contenu (au 
moyen d'un logiciel tel que Dreamweaver, par exemple), le webmestre 
construit une version "locale" du site sur son ordinateur. II "publie" 
ensuite cet ensemble de fichiers chez son hebergeur afin que le site soit 
"en ligne", terme synonyme de "accessible depuis Internet". 

Cette methode presente un inconvenient majeur : toute mise a jour du 
contenu redactionnel du site doit etre suivie d'une nouvelle publication, 
action chronophage, fastidieuse et repetitive. 

Avec un systeme de gestion de contenu, les choses sont differentes. Les 
personnes en charge de la mise a jour du contenu redactionnel du site 
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voient, comme les internautes, les modifications apparaitre en ligne des 
leur validation, c'est-a-dire immediatement. La phase de publication est 
supprimee, les donnees etant stockees dans une base de donnees et non 
plus en tant que pages HTML independantes. Ce principe simplifie 
considerablement les choses et rend les travaux de redaction accessibles 
a tous, y compris aux non informaticiens. 




Mise a jour des donnees Page.php 



Les modifications sont 
visibles immediatement 



Poste 

du webmestre 




Plateforme 
d'hebergement 



Figure 7.5 : Schema de la mise a jour d'un site administre avec Joomla 

Sur un CMS tel que Joomla, le travail collaboratif est tres facile a 
coordonner (ce qui n'est pas le cas lorsque le site est publie de fagon 
traditionnelle. De nombreux redacteurs peuvent ainsi travailler en meme 
temps a la mise a jour du site. On retrouve meme, dans la chaine de 
production, les phases de soumission et de validation des articles qui 
caracterisent les methodes de travail de la presse traditionnelle, sur 
journaux papier. Les auteurs ecrivent et soumettent leurs articles (qui 
sont stockes sur le site mais ne sont pas encore visibles des internautes), 
les editeurs les corrigent eventuellement, puis les valident. Quant aux 
administrateurs, leur role est d' assurer le bon fonctionnement du 
sy steme et de l'ameliorer. Tous accedent au site via un simple navigateur 
Internet. Les contenus et la plupart des parametres sont stockes dans la 
base de donnees. 

Quand le site est visite par un internaute, les pages n' existent pas 
encore, a la difference des pages HTML qui constituent un site statique. 
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Elles sont creees dynamiquement, en fonction des demandes (nominees 
"requetes") effectuees par les internautes. 

Un CMS ne requiert done aucune installation logicielle sur l'ordinateur 
du webmestre. Celui-ci est, en outre, libre de travailler sous le systeme 
d' exploitation de son choix (Windows, Linux ou Mac OS). 

L' interface d' administration du site est affichee dans les navigateurs des 
auteurs, des editeurs et des administrateurs, avec des fonctionnalites plus 
ou moins etendues, selon le niveau hierarchique de l'individu (les 
administrateurs etant les seuls a disposer de toutes les fonctions du 
systeme). 



Les principaux CMS du marche 
et leurs specificites 

Meme si Joomla est, a nos yeux, le meilleur CMS open source 
actuellement disponible sur le marche, il n'est pas le seul systeme de 
gestion de contenu que vous pourrez telecharger et utiliser. Voici une 
selection de cinq CMS tres en vogue, ayant chacun ses specificites. 

Dotclear 

Dotclear est un CMS tres utilise par les blogueurs. 






Le phenomene des bloqs 

REMARQUE 

Un blog est une forme de CMS, simple a mettre en place, et dont la 
finalite est de donner a son proprietaire des outils rapides et efficaces 
pour generer du contenu (le site traite souvent des passions du blogueur 
et peut prendre la forme d'un journal plus ou moins intime). On y trouve 
frequemment des videos, ce qui fait de certains blogs des veritables 
canaux mediatiques, paralleles a ceux des grands medias traditionnels. 



Ce CMS est telechargeable, a l'adresse http://fr.dotclear.org. 
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Drupal 

Drupal est un CMS repandu. II permet la mise en ligne de contenu 
structure et personnalisable par l'ajout de modules optionnels. 

Vous pouvez telecharger Drupal a l'adresse http://drupalfr.org/. 
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Joomla 

Joomla est un CMS incroyablement acheve, fruit du travail d'une equipe 
de developpement open source internationale tres efficace. Comme vous 
le decouvrirez plus loin dans cet ouvrage, sa grande polyvalence 
autorise son emploi pour la creation de tous types de sites web (site 
personnel, site vi trine d'entreprise, espace de telechargement, forum, 
intranet, boutique de vente en ligne, etc.). 






REMARflUE 



Signification du mot "Joomla" 

Ce terme semble trouver son origine dans le mot "Jumla" qui, en 
swahili, signifie "tous ensemble". 



Vous pouvez le telecharger a l'adresse http://www.J00mla.fr. 




Figure 1.8 : Le site de telechargement de Joomla 



Spip 

Cet excellent CMS est congu comme un veritable outil de gestion d'un 
journal d'information en ligne. II offre nombre de fonctions specifiques 
au monde de la presse. 
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Spip est telechargeable a l'adresse http://www.spip.net. 
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Figure 1.9 : 

Le site de 
telechargement de 
Spip 



WordPress 

WordPress est un CMS tres connu des blogueurs exigeants. II se 
caracterise par une grande souplesse d'utilisation qui permet egalement 
son emploi pour la creation d'un site traditionnel. 

Vous pouvez le telecharger a l'adresse http://www.wordpress-fr.net. 
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Le site de 
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Pourquoi choisir Joomla 

Un outil tres polyvalent et robuste (Joomla peut aussi bien etre employe 
pour la realisation d'un simple site vitrine comme pour la construction 
d'une boutique de commerce electronique), une equipe de 
developpement efficace et une communaute active, assurant la perennite 
du produit ; voici les criteres essentiels qui nous font preferer Joomla 
aux autres CMS, meme si nombre d'entre eux presentent des atouts 
seduisants. 

On peut aj outer plusieurs points a la liste : une gestion des droits simple 
et efficace, une interface conviviale et complete, un nombre 
impressionnant de modules complementaires pouvant se ploguer sur le 
systeme et lui adjoignant pratiquement toutes les fonctionnalites dont a 
toujours reve un webmestre, sans jamais trouver le temps de les 
developper. 

Juridiquement, Joomla est un systeme sous licence GNU/GPL (vous 
donnant le droit d'utiliser gratuitement et legalement le produit), 
developpe sous technologie PHP (en ce qui concerne le langage de 
programmation) et MySQL (le gestionnaire de base de donnees). 



1 %£}}* 



Oriqinede Joomla 

Rf Mifillllf 

Joomla est ne en 2005, du fait de disaccords entre 1' equipe de 
developpement du CMS open source "Mambo", certains des 
developpeurs du projet preferant continuer l'aventure avec un nom 
different, indiquant ainsi leur rupture avec le projet initial. 

Quelques annees plus tard, Joomla est devenu un produit d'une grande 
qualite, disposant de facultes d' adaptation nombreuses a tous types de 
sites (par ajout de modules d' extensions, correspondant chacun a une 
fonctionnalite specifique). La version actuelle du systeme est la 
version 1.5. Elle autorise deux methodes d'acces aux donnees : le 
"frontend" est la partie reservee aux internautes visitant le site et le 
"backend" est 1' interface d' administration, accessible seulement aux 
administrateurs. 

Joomla se singularise egalement par sa gestion de la mise en forme des 
pages (polices, couleurs, images de fond, boutons, etc.) qui peut etre 
modifiee en quelques clics par application de "templates" (modeles de 
mise en forme utilisant les feuilles de style, fichiers stockant les 
parametres de mise en forme). 



26 



LE GUIDE COMPLET 



Comprendre le langage XHTML 



Chapitre 1 



1.3. Comprendre le langage XHTML 

Joomla vous decharge de la fastidieuse tache d'ecriture des pages 
HTML. II ne vous est done plus necessaire de maitriser ce langage pour 
etre le webmestre d'un bon site web. Plus necessaire, mais pas inutile... 
Qui peut le plus peut egalement le moins... 

L'objectif de cette section n'est nullement de faire de vous un expert du 
HTML (ou, plus exactement, du XHTML, nouvelle version de ce 
langage) mais de vous permettre d'en acquerir les bases generates qui, 
vous le decouvrirez rapidement, sont tres simples. 

II vous sera alors possible de comprendre les rouages mis en oeuvre, 
derriere 1' editeur HTML de Joomla et, le cas echeant, de savoir 
comment apprehender le travail et les recherches d' information a 
effectuer s'il vous etait necessaire de "ploguer" un greffon de code dans 
vos pages que Joomla ne saurait pas realiser. Ceux d'entre vous qui 
voudront aller plus loin dans l'apprentissage du HTML trouveront 
1' information necessaire en ligne, sur le Web. 



Apprendre le langage HTML 

ASHJCE 

Rien de plus facile, 1' information est a la portee de quelques 
recherches sur Internet. Saisissez, par exemple, "tutoriel html", 
"didacticiel html", "guide html" ou encore "apprendre le html" dans la 
zone de recherche de Google. De nombreux liens vous meneront vers de 
tres instructifs sites web. 



Rien ne distingue, techniquement, une page web d'une autre, puisqu'elle 
se doit d'etre compatible avec la norme HTML. Qu'elles soient issues 
d'un blog, d'un systeme de gestion de contenu, qu'elles soient tapees a 
la main dans un simple editeur de texte comme le Bloc-notes ou 
generees avec un editeur de sites sophistique tel que Dreamweaver, les 
pages affichees dans votre navigateur Internet sont done normalisees et 
obeissent aux memes regies de structure : celles du langage XHTML. 
Ce dernier n'est pas un langage de programmation mais un langage de 
mise en forme du contenu des pages web. 

A la difference de la presque totalite des langages de programmation, le 
code HTML ne necessite pas l'installation d'un environnement 
(interpreteur ou compilateur). Ce sont, en effet, les navigateurs qui 
servent d' interpreters. Quant au code, il prend la forme d'un simple 
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fichier texte, qui peut etre genere par un logiciel de creation de pages 
HTML mais peut aussi bien etre saisi avec un simple Bloc-notes, 
c'est-a-dire un editeur de texte. 

Certes, Joomla utilise le langage PHP pour generer ses pages et 
interroger ses bases de donnees mais ces traitements sont transparents 
pour le webmestre qui travaille sur le site depuis l'interface 
d' administration et qui, par exemple, met en forme un article depuis 
1' editeur de pages du CMS. Lors de cette operation, du code du HTML 
est genere et une comprehension des regies syntaxiques employees ne 
peut qu'etre qu' utile. 



Comprendre les bases d'une page XHTML 

La structure de base du code XHTML d'une page est la suivante : 

<html> 

<head> 

</head> 

<body> 

</body> 

</html> 

Quelques explications s'imposent. 

Utiliser les balises, bases de la page XHTML 

Les balises (ou "tags") sont les elements syntaxiques de base des pages 
XHTML. Elles definissent la mise en forme des contenus (textes et 
images essentiellement) puis sont interpretees par les navigateurs 
Internet qui affichent alors les pages sous une forme intelligible pour les 
humains. 

Conventionnellement, il est d' usage de saisir les noms des balises en 
caracteres minuscules et encadres par les caracteres "<" et ">" (on parle 
de "chevrons"), sans ajouter d'espace entre le nom du tag et ces 
caracteres. 

La plupart des balises vont par paires : Taction d'une balise de ce type 
prend fin lorsque la meme balise, portant un nom identique precede du 
caractere "/", est rencontree par le navigateur Internet, lors de sa lecture 
sequentielle du code XHTML (on parle alors de "balise de fin"). 
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Un nombre limite de balises deroge toutefois a cette regie et ne necessite 
pas de balises de fin. Ainsi, par exemple, la balise permettant 1' insertion 
d'une image ou celle utilisee pour generer un simple saut de ligne dans 
un paragraphe. 

La syntaxe utilisee est alors du type : 

<balise /> 






HTML et traitements sequentiels 

En inrormatique, un traitement est dit sequentiel lorsque les 
instructions qui le composent sont lues selon une suite ordonnee, 
generalement du debut a la fin du code. 

II existe d'autres traitements, susceptibles d'etre effectues par des langages 
de programmation : les traitements repetitifs (repetant une sequence) et 
conditionnels (le resultat du traitement est determine par une condition). 
XHTML n'est pas adapte a 1' execution de ces deux derniers types de 
traitements, c'est pourquoi XHTML n'est pas considere comme un 
langage de programmation mais comme un langage de mise en forme de 
documents. 



Le code XHTML utilise frequemment des balises de maniere 
imbriquee : il est ainsi, par exemple, possible d'indiquer qu'une portion 
de texte est en caracteres italiques et qu'une sous-portion de celle-ci est 
en caracteres gras. Les balises indiquant la mise en forme en gras seront 
alors comprises dans les balises indiquant la mise en forme en italiques. 

Voici un exemple de code XHTML, utilisant les balises <hl> et <p>, 
permettant respectivement de definir des titres de premier niveau et des 
paragraphes dans une page web : 

<hl>texte</hl> 
<p>texte</p> 



Utiliser les attributs 

De nombreuses balises peuvent etre personnalisees par l'ajout 
d' attributs, qui sont des parametres permettant de personnaliser les 
actions des balises. 
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Ces attributs sont places apres le nom de la balise, entre les caracteres 
"<" et ">". Un espace sert de separateur entre le nom de la balise et 
l'attribut. 

La syntaxe generate des attributs est la suivante : 

<balise attribut 1= "valeur 1" attribut 2 = "valeur 2"> 

Voici quelques exemples concrets d' utilisation des attributs : 

<img src="voiture . jpg" width="400" height="200" /> 

(la balise <img /> affiche 1' image voiture.jpg, avec une largeur de 
400 pixels et une hauteur de 200 pixels). 

<p align="center">Le menu du jour</p> 

(La balise <p> affiche le paragraphe en alignement centre.) 

Inserer des commentaires 

Dans une page HTML, les commentaires n'ont pas d' incidence sur 
l'affichage dans le navigateur Internet. lis n'en sont pas moins utiles au 
developpeur de la page car ils lui servent de reperes et lui permettent de 
placer les informations de son choix dans la page, afin de rendre celle-ci 
plus intelligible, lors d'une relecture ulterieure. 

Pour etre ignores lors de la lecture de la page par le navigateur Internet, 
les commentaires doivent etre precedes de la suite de caracteres < ! — et 
suivis de — >. 

Voici un exemple de la forme que peut prendre un commentaire dans 
une page : 

<!— Cette partie a ete mise a jour le 01/07/09 --> 

Comprendre le HTML par I'exemple 

Observez la structure de base d'une page XHTML : 

<html> 

<head> 

<title>Le titre de la page qui sera affiche dans la 

Barre de titre du navigateur Internet</title> 

</head> 

<body> 

Le corps de la page, c'est-a-dire le contenu (textes, 

images et objets) qui sera affiche dans la fenetre du 
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navigateur Internet 

</body> 

</html> 



9' 



Afficher le code HTML d'une page web quelconque 

Vous pouvez afficher le code de n'importe quelle page HTML 
parcourue sur le Web. Sur le navigateur Firefox, cette operation 
s'effectue via le menu Affichage/code source de la page. Vous 
obtiendrez le meme resultat sous le navigateur Internet Explorer par le 
menu Affichage/Source. 



La balise <html> indique le debut de la page alors que la balise 
fermante </html> indique la fin. Ce sont done ces deux balises qui 
encapsulent tout le code de la page. 

La balise ouvrante <head> et la balise fermante </head> contiennent, 
quant a elles, l'en-tete, e'est a dire essentiellement les instructions non 
affichees dans la page, lorsque celle-ci est ouverte dans un navigateur. 
Bien que non visibles, ces informations n'en sont pas pour autant 
inutiles. Elles permettent, par exemple, d' afficher un titre dans la barre 
de titre du navigateur (cela est le cas de la paire de balises <title> et 
</title>). On place egalement dans la zone d'en-tete des balises 
utilisees par les moteurs de recherche, telles que la balise <meta 
name="description">, dont le role est de transmettre aux moteurs de 
recherche une description du contenu de la page. 

La paire de balises <body> et </body> renferme, comme son nom 
l'indique, le corps de la page, e'est-a-dire toute la partie visible dans la 
fenetre du navigateur. II n'est done pas etonnant de trouver des centaines 
ou des milliers de balises imbriquees a l'interieur de cette paire de 
balises. 

Puisque le langage XHTML est un langage interprets, un simple editeur 
de texte (tel que le Bloc-notes de Windows) et un navigateur, meme non 
connecte a Internet, vous suffisent pour realiser le petit exercice qui suit 
et qui vous permet de comprendre le principe d'ecriture et d'affichage 
d'une page web. 

1 Lancez le Bloc-notes de Windows en utilisant le bouton 
Demarrer/Tous les programmes/Accessoires/Bloc-notes. 
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Sans titre - Bloc-notes 



\s\ 



Fichier Edition Format Affichage ? 




Figure 7.77 ; 

La fenetre du Bloc-notes 
de Windows 



2 Saisissez le code suivant : 

<html> 

<head> 

</head> 

<body> 

Voici une phrase a afficher 

</body> 

</html> 





_j Sans titre - Bloc-notes 


□ I (h) |v£S-b 


















Fichier Edition Format Affichage ? 






<html> 


>- 






<head> 








</head> 








<body> 

</body> 

</html> 










^ 





Figure 7.72 ; 

Le code de la structure de 
base d'une page XHTML, 
saisi dans le Bloc-notes de 
Windows 



Enregistrez le fichier, via la commande Fichier/Enregistrer sous, 
dans le dossier de votre choix sur votre ordinateur. Affectez, par 
exemple, le nom pagel .html. 
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ATTENTION 



Extension desfichiers HTML 

Le Bloc-notes etant un editeur de texte, il affectera par defaut 
1' extension .txt a votre fichier si celle-ci est omise, lors de 
l'enregistrement. La page XHTML ne sera alors pas reconnue lorsqu'elle 
sera ouverte dans le navigateur. Veillez a bien saisir l'extension .html, 
apres le nom du fichier, lors de son enregistrement depuis le Bloc-notes. 



4 Lancez un navigateur Internet, Internet Explorer, par exemple, 
puis activez le menu Fichier/Ouvrir. Dans la boite de dialogue 
Ouvrir qui apparait, cliquez sur le bouton Parcourir et recherchez 
le fichier page1.html precedemment enregistre. Selectionnez ce 
fichier, cliquez sur le bouton Ouvrir puis sur le bouton OK. 

Une page blanche est afflchee dans le navigateur. II s'agit de votre page 
XHTML. Vous pouvez le verifier par la lecture de son adresse dans la 
Barre d'adresse de votre navigateur. Elle est vierge car vous n'y avez 
saisi aucun contenu a afficher. 
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Figure 7. 73 ; Le code HTML affiche une page vide 

5 Laissez le navigateur ouvert et retournez au Bloc-notes. Modifiez 
le code de la page en y ajoutant un contenu textuel entre les 
balises <body> et </body>, comme dans le code qui suit : 

<html> 

<head> 

</head> 

<body> 

Voici une phrase a afficher. 

</body> 

</html> 
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<html> 

<head> 

</head> 

<body> 

Voici une phrase a afficher 

</body> 

</html> 



Figure 1. 74 ; Le code est modifie dans le Bloc-notes 

6 Depuis le Bloc-notes, enregistrez a nouveau le fichier, en utilisant 
le menu Fichier/Enregistrer. 

7 Retournez dans la fenetre du navigateur, que vous aviez laisse 
ouverte, par la Barre des taches de Windows. 

Aucune modification n'est visible dans le navigateur. La phrase que 
vous avez ajoutee dans le code n'apparait pas. Ceci est du au fait que la 
page affichee actuellement est celle qui a ete chargee dans le cache du 
navigateur lors du premier essai. II va vous falloir l'actualiser. 



-0 



REMARQUE 



Cache du navigateur Internet 

Ce terme designe une zone de memoire intermediate, dans laquelle 
sont stockees les dernieres pages et images affichees recemment dans le 
navigateur. Sa fonction principale est d'accelerer l' affichage. II doit etre 
actualise, si la page consultee a ete modifiee, afin de permettre la 
consultation de la derniere version du document. 



8 Dans Internet Explorer, cliquez sur le bouton Actualiser (ou 



appuyez sur la touche |F5| ). 




Figure 1.15 : 

Le bouton Actualiser du navigateur Internet 
Explorer 



La page est actualisee et la phrase apparait dans la page affichee dans le 
navigateur. 
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I (0 C:\Fichiers\En cours\Micno Application\crer si 
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Void une phrase a afficher. 



;lb Ordinateur | Mode protege : desactive 



^100% - Figure 1.16 : 

La page a ete modifiee 

Vous allez ajouter quelques balises dans le code de la page, afin de bien 
assimiler les bases de rimbrication des tags. 

9 Laissez le navigateur ouvert et retournez au Bloc-notes. Modifiez 
le code de la page en y ajoutant les balises <b> et </b>, afin 
qu'elles encadrent une zone quelconque de texte, comme dans le 
code qui suit (cette balise permet de mettre le texte concerne en 
gras) : 

<html> 

<head> 

</head> 

<body> 

Voici <b>une phrase</b> a afficher. 

</body> 

</html> 
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<html> 

<head> 

</head> 

<cbody> 

Voici <b>une phrase</b> a afficher 

</body> 

</html> 
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Figure 1.17 : L'ajout du code dans le Bloc-notes 
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10 Depuis le Bloc-notes, enregistrez a nouveau le fichier, via le menu 
Fichier/Enregistrer. 

11 Retournez dans la fenetre du navigateur, que vous aviez laisse 
ouverte, par la Barre des taches de Windows. Actualisez la page 
affichee dans le navigateur. 
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Voici une phrase a afficher. 
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Figure 1.18 ; La nouvelle page, apres quelle ait ete actualisee 

Vous allez maintenant placer en italique l'un des mots deja en gras, au 
moyen de la balise <i>. 

12 Laissez le navigateur ouvert et retournez au Bloc-notes. Modifiez 
le code de la page en y ajoutant les balises <i> et </i>, afin 
qu'elles encadrent une zone quelconque de texte, comme dans le 
code qui suit : 

<html> 

<head> 

</head> 

<body> 

Voici <b>une <i>phrase</ix/b> a afficher. 

</body> 

</html> 

13 Depuis le Bloc-notes, enregistrez a nouveau le fichier, par le menu 
Fichier/Enregistrer. 

14 Retournez dans la fenetre du navigateur, que vous aviez laisse 
ouverte, par la Barre des taches de Windows. Actualisez la page 
affichee dans le navigateur. 
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Figure 7. 79 ; La nouvelle version de la page 

Vous allez maintenant utiliser une balise ayant une incidence sur la mise 
en forme des paragraphes. Mais auparavant, une petite experimentation 
sera instructive. 

15 Laissez le navigateur ouvert et retournez au Bloc-notes. Modifiez 



le code de la page en y ajoutant un re tour a la ligne (touche [<-■] ) 
apres la phrase de texte. Saisissez une ligne de texte quelconque 
apres ce retour a la ligne, comme dans le code qui suit : 

<html> 

<head> 

</head> 

<body> 

Voici <b>une <i>phrase</ix/b> a afficher. 

Ceci est une nouvelle ligne de texte. 

</body> 

</html> 



*jf lm™* ■ Hk ne*w 



' .-'la) 



f^M> £d*,U-. i-u.mrt <Vt^h*9t i 



<html> 

<head> 

</head> 

<body> 

voici <b>une <i>phrase</ix/b> a afficher 

Ceci est une nouvelle ligne de texte. 

</body> 

</html> 



Figure 1.20 : Un retour a la ligne est cree dans le Bloc-notes 
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IB Depuis le Bloc-notes, enregistrez a nouveau le fichier, par le menu 
Fichier/Enregistrer. 

17 Retournez dans la fenetre du navigateur et actualisez la fenetre. 

Le retour a la ligne n'est pas visible dans la fenetre du navigateur : les 
deux phrases sont affichees sur la meme ligne. 






■ yw-IiVifti h c-L'.jMijrl Mml WraJcia-. InlrriH-! h i|id>nT 



^i_i|l 



I C;\Fkhkn\Cn «ijn l <Mkr* Aw»i«&e*i'«r*r lit* wittberckti^t^tJ Hirl 



** tf Cm*.'. 



fictiier Union Aflitt*qt Firaris Oubb t 
U' ■> * r" : >. F I E WwtM n tpuiV.MKra AppUtilsW.Ailjr giir . .ft - El ' ** * J **»* * 4J ^**> " &~ ik 






Voici una phrase a afTicher. Ceci est une nouvelle ligne de texLe. 



1% CrdiiMttur | Mode p*nt*q< : 



\m , 




Figure 7.27 ; Le retour a /a //gne n'apparalt pas dans le navigateur 

Cette manipulation met en evidence le fait que le navigateur, qui agit en 
tant qu'interpreteur du code XHTML, n'accorde aucune valeur au retour 
a la ligne effectue par la touche [i^] , dans le Bloc-notes. Tout le code 



XHTML pourrait etre ecrit sur une seule ligne. Cette disposition 
entacherait certainement la lecture d'un oeil humain mais nullement celle 
d'un navigateur Internet. Vous pouvez, pour vous en convaincre, 
supprimer tous les retours a la ligne places dans le code : ceci ne 
changera rien a l'affichage de la page dans le navigateur. 

Un retour a la ligne est un parametre de mise en forme comme un autre. 
Or, XHTML est un langage de mise en forme de document. L'ordre de 
retourner a la ligne doit done etre donne par une balise. 

C'est ce que vous allez faire au moyen de la balise <p>, dont la finalite 
est de creer un nouveau paragraphs Pour rendre la demonstration plus 
pertinente, vous supprimerez meme le retour a la ligne cree dans le 
Bloc-notes en utilisant la touche 



18 Retournez dans la fenetre du Bloc-notes. Modifiez le code de la 
page en supprimant le retour a la ligne genere par 1' utilisation de 
la touche («3 et en le remplagant par une balise <p>, comme dans 



le code qui suit : 



<html> 
<head> 
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</head> 

<body> 

Voici <b>une <i>phrase</ix/b> a af f icher .<p>Ceci est 

une nouvelle ligne de texte.</p> 

</body> 

</html> 

19 Depuis le Bloc-notes, enregistrez a nouveau le fichier, par le menu 
Fichier/Enregistrer. 

20 Retournez dans la fenetre du navigateur et actualisez la fenetre. 

Cette fois, le retour a la ligne, cree par la nouvelle balise, est visible 
dans la fenetre du navigateur (voir Figure 1.22). 

Vous allez ajouter un attribut a une balise. Pour ce faire, vous 
emploierez la balise la plus utilisee sur le Web. II s'agit du tag 
<a> (anchor), qui permet de realiser des liens hypertextes, liant ainsi les 
pages les unes aux autres. 

21 Dans la fenetre du Bloc-notes, modifiez le code de la page comme 
dans le code qui suit : 



jg C:\Fichiers\En cours\Micro Application\<:rer site we b\exerdces\pagel.htm I - Windows Internet Explorer 
| S© C:\Fichiers\En cours\Micro Application\crer site wetAexercice; ▼ +V 






Gccgls 



P - 



Fichier Edition Affichage Favoris Qutils 



Go gle| H 



Rechercher <>&- g^- 



T 'Cj Mes favoris t >J ^ T ' Cor 



W W '0 C:\Fichiers\En cours\Micro Application\crer site , 



- ~ 



Page » ^Qutils » (|$' 



Voici une phrase a afficher. 

Ceci est une nouvelle ligne de texte. 



Termine 



Ordinateur | Mode protege : desactive 



+.200% 






, 



Figure 1.22 : Le retour a la ligne apparaft desormais dans le navigateur 

<html> 

<head> 

</head> 

<body> 

Voici <b>une <i>phrase</ix/b> a aff icher .<p>Ceci est 

une nouvelle ligne de texte. </p> 

Cliquez <a href ="page2 . html">ici</a> pour afficher 

la deuxieme page. 

</body> 

</html> 
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22 Depuis le Bloc-notes, enregistrez a nouveau le fichier, par le menu 
Fichier/Enregistrer. 

23 Toujours depuis le Bloc-notes, modifiez le code de la page comme 
suit : 

<html> 

<head> 

</head> 

<body> 

Ceci est la seconde page. 

</body> 

</html> 

24 Enregistrez le fichier avec le nom page2.html, par le menu 
Fichier/Enregistrer sous. 

25 Retournez dans la fenetre du navigateur et actualisez la fenetre. 



^ C:\Fichiers\En coursXMicro Application\crer site '.veb\exercices\pagel.html - Windows Internet Explorer 
( i iCjp T SP C:\Fichiers\En coursVMiero Application\crer site wetAexerc ice: T *% X Google 



Fichier Edition Affichage Favoris Outils ? 
Go gle | &t 



RecheiCheJ" # - © ^ I §) - & Mes favoris - 



» 



& & 



C:\Fichiers\En cours\Micro Applkation\crer site ,,, 



T T <& T d* P^e T . Outils - #▼ ^ 



Voici unephrase a afficher. 

Ceci est une nouvelle ligne de texte. 



Cliquez ici pour afficher la deuxieme page. 




pft 



] 



V. Ordinateur | Mode protege : desactive 



#;150% ▼ 



^ 



I 



Figure 1.23 : La premiere page, affichee dans le navigateur 

26 Cliquez sur le lien hypertexte, apparaissant en caracteres 
soulignes dans la page. 

La seconde page est affichee dans le navigateur, preuve que le lien 
hypertexte a fonctionne correctement. 
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;^ C:\Fichiers\En cours\Micro ApplicationVcrer site ;ve b\exercices\page2.htm I - Windows Internet Explorer 



I ■=■ I B \m&mm \ 



{ j T !i& C:\Fichiers\En cours\Micro ApplicationVcrer site web Vexercice: ▼ ^f 



Google 



P - 



Fichier Edition Affichage Favoris Outils ? 



Go gig | B T 



Rechercher^ ^p - © ^- 



T W Mesfavoris T 



» 



Connexion T 



^ C:\Fichiers\En cours\Micro ApplicationVcrer site 



- - 



Page T • Outils T i|g) T ^ 



Ceci est la seconde page. 



rt 



rrr 



] 



Termine 



iite Ordinateur | Mode protege : desactive 



^150% » 



Figure 1.24 : Le lien hypertexte a permis d'ouvrir la deuxieme page 

Dans cet exemple, l'attribut utilise est href (pour "Hypertext 
REFerence"). II permet d'indiquer quelle page doit etre ouverte lorsque 
le lien est clique (on parle alors de "page cible"). 

Vous allez maintenant utiliser une balise employee dans l'en-tete de la 
page. La balise utilisee sera <title>, qui permet d'affecter un titre, 
affiche dans la barre de titre de la fenetre du navigateur. 

27 En haut de la fenetre du navigateur, observez la barre de titre. Elle 
affiche l'adresse de la page ouverte (ici page2.html), precedee du 
chemin d'acces a celle-ci sur votre ordinateur. Vous allez modifier 
cet affichage. 

28 Depuis le Bloc-notes, modifiez le code de la seconde page comme 
suit : 

<html> 

<head> 

<title> 

Ceci est le titre de la deuxieme page 

</title> 

</head> 

<body> 

Ceci est la seconde page. 

</body> 

</html> 
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<html> 




: 


<head> 






<title> 






ceci est le titre de la deuxieme 


page 




</t~itle> 






</head> 






<body> 






ceci est la seconde page. 






1 </body> 
1 </htm1 > 














. 



Figure 1.25 : 

L 'ajout de la balise 
<title> au code 
HTML 



29 Enregistrez a nouveau le fichier, par le menu Fichier/Enregistrer. 

30 Retournez dans la fenetre du navigateur et actualisez la fenetre. 



: LA>r dc k 3cuvt—r p+fr '/t "viuw* L»#cir*rf E.'^*cv r* 



FkH«t Fd*c<i MlKh^r F«m Qu#i r 



Ceci est la secotidcpagc. 



A 4*Wl™i | Mrft p-rton : dtMCIm 



*1SK * 



Figure 1.26 : 

Le titre de la page 
est visible dans la 
Barre de titre du 
navigateur 



1 .4. Check-list 

■ Les CMS ont revolutionne, en quelques annees, le concept du site 
Internet. 

■ Un CMS est construit autour de trois concepts : les contenus sont 
stockes dans une base de donnees, les pages sont generees 
dynamiquement et le webmestre dispose d'une interface de mise a 
jour qui facilite considerablement son travail. 

■ Joomla est incontestablement l'un des meilleurs CMS du monde 
OpenSource, capable d'integrer de nombreux composants 
complementaires, dont VirtueMart, le composant permettant de 
transformer le CMS en veritable boutique en ligne. 

■ Bien que non obligatoires, quelques notions, dans le domaine de 
l'ecriture de pages HTML, aideront le webmestre d'un site 
Joomla dans ses travaux de mise en page. 
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Dans la premiere partie de cet ouvrage, vous allez decouvrir comment 
realiser un site vitrine, c'est-a-dire un site de presentation de contenus, 
sans fonctionnalites specifiques au commerce electronique. Mais avant 
cela, il vous faut installer Joomla. 

L'operation est possible "en local", c'est-a-dire sur votre ordinateur, afin 
de pouvoir effectuer tous les tests de fonctionnement que vous jugerez 
utiles et aussi, bien entendu, chez un hebergeur, de sorte que le site soit 
accessible aux internautes. 



2.1. La configuration necessaire 

Qu'il soit installe en local ou chez un hebergeur, le systeme doit 
disposer, pour fonctionner, de fonctionnalites techniques de base : 

■ le systeme de gestion de contenu Joomla, un ensemble de 
procedures developpees dans le langage PHP ; 

■ un serveur web (nous utiliserons ici "Apache", le serveur web le 
plus repandu) ; 

■ le moteur de langage de programmation de pages web PHP (une 
version posterieure a la version 4.3 est requise) ; 

■ la base de donnees MySQL. 

Avant d' effectuer 1' installation de Joomla, vous devez telecharger le systeme. 






La trilogie Apache/PHP/MySql 

REManQUE 

Apache est le serveur web le plus employe sur Internet. II s'agit d'un 
logiciel libre pouvant etre mis en oeuvre sur differents systemes 
d' exploitation, tels que Linux ou Windows. 

PHP est un langage de programmation libre, fonctionnant sur les serveurs 
web (par le biais d'un interpreteur PHP). II permet, lorsqu'un internaute 
saisit l'adresse d'une page portant 1' extension .php, de generer et de 
retourner une page au format XHTML (format d'affichage des pages dans 
un navigateur Internet tel que Firefox ou Internet Explorer). Cette page, 
qui n'avait pas d' existence physique avant la requete de l'internaute, peut 
etre personnalisee en fonction de celle-ci, ce que ne permet pas le 
XHTML traditionnel. 

MySql est un SGBD (Systeme de Gestion de Base de donnees). C'est 
egalement l'un des logiciels libres les plus repandus tant chez les 
particuliers que les professionnels. 
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Vous allez done, dans ce qui suit, telecharger et installer ces composants. 



2.2. Telecharger Joomla 

1 Lancez votre navigateur Internet (Internet Explorer ou Firefox, 
par exemple) puis connectez-vous au site http://www.J00mla.fr. 




Figure 2. 7 ; Le site www. joomla. fr 

2 Cliquez sur le lien de telechargement de la derniere version 1.5.x 
(ou ulterieure) de Joomla. 




TtLCCIIARGCR 
Jh-nj Joomla 1&10 






Figure 2.2 : Le lien de telechargement de la version 1 .5.x 






REMARQUE 



La version 1.0.x 

Le site http://www.joomla.fr propose encore, pour quelques mois, le 
telechargement de cette ancienne version du systeme. Cette option est a 
utiliser uniquement lorsque d'anciens composants, ne fonctionnant pas 
encore sur la nouvelle version 1.5.x, doivent etre employes. 
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La page Joomla! 1.5.x : packages d'installation et patches est affichee. 
3 Cliquez sur le lien Joomla 1.5.X Stable fr propose dans cette page. 



Joomla! 1.5.x : packages d'installation et patches 







Categories Fichiers 



Patches de mise a jour Joomla! 1.5.x ; 

Retrouvezdans cette categorie les derniers patches de mise ajour a appliquer si votre site tourne dans 
une version inferieure a celle disponible dans la categorie Packages dinstallation Joomla! 
Une procedure de mise ajour est consumable sur ce meme site. 



Documents Date de mise en ligne 

Trier par : Tifte | Bate | Clics [ Croissant ] 

^T J oo m I a 1 . 5 . 1 sta b J e f r nouveau '. populatre ! Q 

L'interface de Joomla admin et utilisateur est traduite en frangais. II reste Clics: 4822 28/03/2009 

cependant les fichiers d'exemple a traduire, ne vous etonnezdonc pas si vous 

trouver encore quelques textes en anglais. 

Attention : depuis la version Joomla 1 .5.6, si vous executez sur un serveur php 5, une version php 

superieure a 5.0.10 est necessaire (uniquement si votre serveur est en php5, neconcerne pas les 

serveurs php4 !) 

Nota: PHP 5.0.4 ne doit surtout pas etre utilise avec Joomla ! 

Pour Joomla 1,5,10 specif! que me lit, ilfaut imperativementediterla configj ration globale etla 

re-sauvegarder!!3 







Telecharger 



Proprietes 



Figure 2.3 : Le lien de lancement du telechargement 
La boite de dialogue de telechargement de fichiers apparait. 






Telechargement de fichiers 



Voulez-vous ouvrir ou ennEgislnEr ce f ichier ? 



Nom 

Type 

De 



J o om I a_l. 5, 10 -Stable-Fu I l_Package-French.zip 
Dossier compresse.. 5,75 Mo 
aide.joomla.fr 



Ouvrir 



En registrar 



Annuler 




Si les fichiers telechanges depuis Internet sont utiles, certains fichiers 
peuvent presenter des risques pour votre ordinateur. N'ouvrez pas ou 
n enregistrez pas ce fichier si vous n'etes pas sur de son origine. Quels 
sont les risques ? 



Figure 2.4 ; La bolte de telechargement 
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4 Choisissez d'enregistrer le fichier (sous Internet Explorer, cliquez 
sur le bouton Enregistrer). 

La boite de dialogue Enregistrer sous apparait. 

5 Dans l'arborescence des dossiers, presentee a gauche de la boite 
de dialogue, placez-vous dans le dossier que vous reservez aux 
telechargements puis cliquez sur le bouton Enregistrer. 

Le telechargement du fichier compresse au format zip s'opere et dure 
quelques instants. 



Telechargement termine 



[Hi 




Telechargement termine 



...le-Full_Package-French.zip de aide.joomla.fr 



Ouvrir 



Ouvrir le dossier 



Fermer 



Figure 2.5 : Le telechargement est termine 



Telecharge : 5.75 Mo en 17 s 

Telecharger vers : . . .\Joomla_1 .5. 1 0-Stable-F. 

Taux de transf ert : 346 Ko/seconde 

Fermer cette botte de dialogue a la fin du telechargement 






REMARflUE 



La compression des fichiers au format .zip 

Cette extension indique des fichiers ay ant subi une compression, 
operation visant a reduire la place occupee sur l'ordinateur. Plusieurs 
fichiers peuvent etre compresses en un seul. lis doivent etre 
decompresses avant usage. 



6 Cliquez du bouton droit sur le fichier et choisissez Extraire tout, 
dans le menu contextuel qui apparait. 

La boite de dialogue Extraire les dossiers compresses apparait. 
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7 Conservez les options proposees et cliquez sur le bouton Extraire 
de la boite de dialogue. 






© Liu 



Extraire le dossier: compresses 



Selectionner une destination et extraire les fichiers 



Les fichiers seront extra its dans ce dossier 



C:\Fichiers\Telecharqements\Jocmla\Jocrnla 1.5. 10 -Stable- Full P a ckaqe- French 



Parcourir. 



| Afficher les dossiers extra its unefois I'operation terminee 



Extrai 



^ ( 



Annuler 






Figure 2.6 : La bolte de dialogue Extraire les dossiers compresses 

La boite de dialogue suivante mentionne le temps restant necessaire au 
systeme pour effectuer la decompression des fichiers qui constituent le 
sy steme Joomla. Attendez la fin de I'operation. 



II reste 3 minutes et 50 secondes 


jzz. | LhJ |»££— 1 




1 Copie de 4 800 elements (13,2 Mo) 1 


depuis J<K}rnla_1.5... ...\Joomla_l.f vers Joomla 1.5... 

Environ 3 minutes et 50 secondes restantfs] 


...\Joomla_l.. 


: 

j 


|_^g 












'■^■'Informations 






Annuler 






^^^^^^ 



Figure 2. 7 : La decompression des fichiers 
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V 

A la fin du traitement, un nouveau dossier est cree. Dans l'arborescence 
des fichiers, affichee depuis l'Explorateur de fichiers, il se trouve au 
meme niveau que celui du fichier zippe. Ce nouveau repertoire renferme 
les fichiers et les dossiers de Joomla non compresses. 



s 


Norn 
i 


, administrator 


i cache 


components 


images 


, includes 


, installation 


, language 




libraries 


B logs 




, media 


. modules 


" 


plugin: 


. templates 


i . tmp 


, , xmlrpc 


iCHANGELOG.php 


j configuration. php-dist 


iCOPYRIGHT.php 




^CREDUS.php 




J htaccess.txt 


,*, index.php 




_^ index2.php 




*j IN STALL php 




^LJCENSE.php 


iUCENSES.php 


j robots.txt 



Figure 2.8 : Les fichiers de Joomla, apres decompression du fichier 

Conservez ces fichiers sur votre disque dur ; ils vous seront utiles dans 
les etapes suivantes. 
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2.3. Telecharger et installer un serveur 
web local 

L' installation de Joomla sur un serveur web local, c'est-a-dire sur votre 
propre ordinateur, n'est pas une etape obligatoire. Vous pouvez choisir 
de l'installer directement chez un hebergeur. Le site sera alors 
immediatement en ligne et done accessible, pour les internautes. Vous 
decouvrirez plus loin dans cette section comment installer Joomla chez 
un hebergeur. 

L' installation en local presente toutefois des avantages : 

■ vous permettre d'effectuer toutes les etapes d'une premiere 
installation, done prendre en main le systeme ; 

■ une fois celui-ci installe, pouvoir realiser tous les essais de votre 
choix, plus rapidement que chez un hebergeur et sans risquer une 
interruption de service, inherente a une mauvaise manipulation, 
ou d'obtenir des resultats indesirables sur votre veritable site web 
(dans le pire des cas, rien ne vous empechera de tout effacer et de 
recommencer les operations, chose toujours plus delicate, plus 
longue et entachant 1' image du site, lorsque cette operation est 
effectuee en ligne). 

Vous decouvrirez plus loin comment installer Joomla chez un hebergeur. 

Pour que Joomla fonctionne localement, vous devez installer un serveur 
web (il s'agira d' Apache), le moteur de langage PHP ainsi que le 
systeme de gestion de base de donnees MySql. II existe plusieurs 
packages de ces trois logiciels. Nous utilisons ici EasyPHP. 

^^ Apache, PHP et MySql : les packages d'installation 

REMARQUE 

Bien qu'il vous soit possible d' installer ces trois composants 
individuellement sur votre ordinateur, il est beaucoup plus simple d' avoir 
recours a un package d'installation. EasyPHP n'est pas le seul package 
de ce type, telechargeable librement sur le Web. Citons notamment 
XAMPP, pour "X Apache MySQL Perl PHP", qu'il est possible de 
telecharger a l'adresse http://www.apachefriends.org/fr/xampp.html. 



1 Telechargez le fichier d'installation d' EasyPHP en vous 
connectant, depuis votre navigateur Internet, a l'adresse : 

http://www.easyphp.org. 
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Sur le site, choisissez la langue frangaise dans la liste deroulante 
qui vous est proposee en haut de page. 



"i introduction 



HE ! MHS^L FDE WINDDW5 



Telechargez, install ez, et developpez! Configurez 
facilement un environnement de developpement 
Apache/PHP/MySQL pour Windows survotre systeme 
ou sur une de USB et developpezou presentezvos 
projets en local. 




J_ 



MySQLl 



hebrew 
ptit italian 
Spanish 



> 



News PHP, Mysql, Apache 



PHP 

■ Google Summer of Code 2009 

■ PHP5.3.0RC1 Release... 

■ 5.2.9-1 (for Windows) released 

■ PHP 5.2.9 Released! 

■ Windows PECL binaries 

PHPBuilder 

■ The ABCs of PHP Part 4- How... 

■ The ABC's of PHP II -What do I... 

■ The ABC's of PHP Part 3 -Basic. 

■ Building a time-tracking and... 

■ The ABC's of PHP: Introduction... 



MySQL 

■ Getting started with DTracing... 

■ Exception Error Handling... 

■ Another Look at MySQL 5.1 ?s SQL... 

■ Allan Packer on performance... 

■ Neelakanth Nadgir on MySQL and... 

Nexen 

■ PHPUnit : tests unitaires pour... 

■ Actualite de developpement... 

■ Actualite die developpement... 

■ Recupererson OPML 

■ EGG 1.0 



PHP Developer 

■ Fabien Potencies Blog:... 

■ Buildmeister.com: Automating... 

■ PHPMag.ru: Zend Framework:... 

■ Komunitasweb.com: Codielgniter.. 

■ Matthew Turland's Blog:... 

PHP Index 

■ CrawlTrack 3.0.0 

■ NewTeeChartforPHP v1 

■ SPIP 2.0.6 

■ [IBM] Utiliser PHP pour... 

■ PHP 5.2.9 



Decouvrez Les partenaires d'Easyphp » 

Ce site est heberge gracieusement par/ We're hosted by Nuxit 



Figure 2.3 : Le site http://www.easyphp.org 

Cliquez sur le lien telechargement puis sur le lien langant le 
telechargement de la derniere version d' Easy PHP dans la page qui 
apparait. 




[•llig«aj»]:Wsl»)*< 



Log in Create account 



EasyPHP 



1 



Summary Tracker 




EasyPHP is a complete package allowing to use all the power and the flexibility that 
offers the dynamic language PHP. Package includes an Apache server, a MySQL 
database, PHPMyAdmin as well as easy development tools for web sites and 
applications. 



Package Release Date 



Notes / Monitor 



Downloads 



EasyPHP 3.0 



January 7, 2009 
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Figure 2. 70 : Le lien de telechargement 

4 Effectuez le telechargement du fichier d' installation en cliquant a 
nouveau sur le lien suivant qui vous est propose. Enregistrez le 
fichier dans le dossier de votre choix. 
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Figure 2.11 ; /_e telechargement du fichier 

Lancez l'Explorateur de fichiers de Windows en cliquant du 
bouton droit sur Demarrer puis en choisissant Explorer dans le 
menu contextuel. Lancez 1' execution du fichier telecharge en 
double-cliquant sur son icone. 




Date de la prise de ... Mots-cles Taille 



Notation 



EasyPHP-3.0-setup.exe 



16016 Ko ^&&& 



Description du fichier : EasyPHP Setup 
Version du fichier : 3,0,0,0 
Date de creation : 11/01/2009 14:23 
Taille: 15,6 Mo 



Figure 2.12 : L'installation d'EasyPHP est lancee par un double-clic 
La boite de dialogue Avertissement de securite apparait. 



Fichier ouvert - Avertissement de securite 



— ££ 



L'editeur n "a pas pu etre verifie. Vbtiez-^vous Yiaiment executer 
ce logiciel ? 



Ill 



Nom 

Eiditeur 

Type 

De 



,,.chargements\Easyphp 30\EasyPHP-3.0-setup.exe 

Editeur irKonnu 

Application 

C:\Fi ch i e rs\Te I e ch a rg e m e nts\Ea sy p h p 30\Ea syPH . . . 



Executer 



Annuler 



VJ Toujoura demander avant d'ouvrir ce fichier 




Ce fichier ne contient pas de signature numerique valide 
authentifiant son editeur. Nexecutez que les logiciels des editeurs 
appruuves par vous. Comment savoir quels logiciels ie peux 
executer ? 



Figure 2. 13 ; La boTte de dialogue Avertissement de securite 
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6 Cliquez sur le bouton Executer de la boite de dialogue. 

7 Si votre systeme d' exploitation est Windows Vista, une etape de 
validation supplemental est affichee. Validez cette etape en 
acceptant 1' execution du programme. 

La boite de dialogue Langue de I'Assistant d'installation apparait. 



Langue de 1'assistant d'installation 



Zl 




Veuillez selectionner la langue qui sera utilisee 
par I 'assistant d installation : 



Fran^ais 



OK 



Annuler 



Figure 2. 74 ; 

La boite de dialogue 
Langue de I'Assistant 
d'installation 



8 Choisissez le frangais puis cliquez sur le bouton OK de la boite de 
dialogue. 

La boite de dialogue Installation - EasyPHP apparait. 



Installation - EasyPHP 




i— ti 



Bienvenue dans I'assfstant 
d'installation de EasyPHP 



Cet assistant va vous guider dans Installation de EasyPHP 3.0 
sur votre ondinateur. 

II est recommande de termer toutes les applications actives 
avant de continuer. 

r^ppw/ei sur Suivant pour continuer ou sur .^nnuler pour 
abandonner I installation. 



Suivant > 



Annuler 



Figure 2.15 : 

La boite de dialogue 
- Installation 



9 Cliquez sur le bouton Suivant de la boite de dialogue. 
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lOAcceptez les termes du contrat de licence en cliquant sur le 
bouton d' option idoine puis cliquez sur le bouton Suivant de la 
boite de dialogue. 

11 L'installateur vous informe qu'EasyPHP est un environnement de 
travail, et non un environnement de production. Cliquez sur le 
bouton Suivant de la boite de dialogue. 

12 L'installateur propose de choisir le dossier d' installation du 
logiciel. Effectuez cette operation, ou conservez le dossier 
propose par defaut, puis cliquez sur le bouton Suivant de la boite 
de dialogue. 






REMAROUE 



Dossier d'installation 

Sous Windows Vista, nous avons constate, dans certaines 
configurations, des problemes de fonctionnement lorsque Easy PHP est 
installe dans le dossier d'installation propose par defaut de Windows (le 
dossier Programmes). Pour pallier ce probleme, nous vous conseillons de 
creer un dossier different (c:\autresprogrammes, par exemple), que vous 
reserverez a 1' installation d' Easy PHP. 



13L'etape suivante est celle de la creation des raccourcis de 
lancement de 1' application. Conservez les parametres proposes 
par defaut et cliquez sur le bouton Suivant de la boite de dialogue. 

14L'etape suivante resume les parametres precedemment saisis. 
Cliquez sur le bouton Installer de la boite de dialogue. 



Installation - EasyPHP 







PrtH a installer 

L'assistant dispose a present detoutes les informations pour installer EasyPHP sur 
votne ordinateur. 




rppuyez sur Installer pour proceder a I installation ou sur Precedent pour revoir ou 
modifier une option d'installation. 

Dossier de destination : 

C:\autresprogrammes\EasyPHP 3.0 

Dossier du menu Demamer : 
EasyPHP 3.0 



< Precedent 


Installer 



Annuler 



Figure 2. 16 : La boite de dialogue resumant les parametres 
d'installation 
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Un temoin d'avancement indique que l'installation d'EasyPHP est en 
cours d' execution. 



Installation - EasyPHP 



i n - 



Installation en cours 

Veuillez patienter pendant que I 'assistant installe EasyPHP sur votre ondinateur. 




Extraction desfichiera... 
C:\autresprogrammes\EasyPHP 3.0\apache'Jib'-apr-1 . 



Annuler 



Figure 2.17 ; L'installation est en cours 

V 

A Tissue du traitement, une derniere boite de dialogue indique que 
l' installation est terminee. 



Installation - EasyPHP 




Fin de I" installation de EasyPHP 

L'assistant atermine I installation de EasyPHP sur votre 
ondinateur. L'application peut etre lancee a I'aide des icones 
creees surle Bureau par I installation. 

Veuillez appuyer sur Terminer pour quitter l'assistant 
d installation. 



Terminer 



Figure 2. 18 : La derniere boite de dialogue de I' Assistant 
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15 Cliquez sur le bouton Terminer de la boite de dialogue. 

Vous allez lancer EasyPHP et vous assurer que le systeme fonctionne. 

IB Cliquez sur le bouton Demarrer de Windows puis sur Tous les 
programmes/EasyPHP 3.0/EasyPHP. 

Le demarrage du service est symbolise par une petite icone representant 
la lettre "e" dans la Barre des taches de Windows. 




Figure 2. 19 : Une fois EasyPHP demarre, son icone est visible dans la Barre 
des taches 

1 7 Afin de verifier le bon fonctionnement du service, cliquez du 
bouton droit sur cette icone et choisissez Administration dans le 
menu contextuel qui apparait. 



Aide 

Fichiers Log 
Configuration 

Explorer 
Administration 
Web local 
Redemarrer 
En attente 






FB 



fe 



CTRL-hA 
F7 

F5 





?'f 10: 



._ 



Figure 2.20 : Le menu contextuel, active par un die droit sur I'icone 
d'EasyPHP 

La page d' administration des services d'EasyPHP est ouverte dans votre 
navigateur web. 
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Figure 2.21 : La page d administration des services d'EasyPHP 

Votre serveur web local est maintenant operationnel. Vous pouvez y 
installer Joomla... 



2.4. Installer Joomla sur un serveur 
web local 

Pour utiliser Joomla sur votre ordinateur, vous devez d'abord copier les 
fichiers qui composent le CMS sur votre serveur web. 

1 Activez l'Explorateur de fichiers de Windows (en cliquant du 
bouton droit sur Demarrer puis en choisissant Explorer) et 
placez-vous dans le dossier EasyPHP 3.0, repertoire d' installation 
d'EasyPHP (le dossier Programmes, si vous avez conserve les 
parametres d' installation par defaut ou le dossier que vous avez 
stipule lors de 1' installation, si vous avez choisi d'utiliser d'autres 
parametres). Sous ce dossier, selectionnez le dossier www. 

2 Copiez-y le dossier Joomla_1 .5.1 0-Stable-Full_Package-French qui 
a ete cree lors de la decompression du fichier compresse portant le 
meme nom (ne copiez pas le dossier compresse mais le dossier 
contenant les fichiers qui ont ete extraits). 






REMAROUE 



Particularite du dossier www 

Les sous-dossiers places dans ce dossier correspondent chacun a un 
site web gere par le serveur Apache, sous EasyPHP. 
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Cliquez du bouton droit puis choisissez Renommez sur le nom du 
dossier Joomla_1.5.10-Stable-Full_Package-French, afin de lui 
affecter un nom plus significatif, site-1-joomla par exemple 
(n'ayez pas recours aux espaces, aux caracteres speciaux ou 
accentues pour ecrire le nom du dossier). 



Liens favoris 
3 Documents 
^| Images 
'J 1 Musique 
Autres » 

Dossiers 



J- 



I . Joomla_1.5.10-Stable-Full_Package-French 
,. administrator 
^l cache 
. components 

images 
i . includes 
installation 
language 
libraries 
logs 
media 
modules 
plugins 
. templates 
tmp 






xmlrpc 



Nom 



Date de la prise de ... Mots-cles 



Jc" 



, m i-. 1 ;m C4-.U.- c 



Explorer 

Ouvrir 

Browse with Paint Shop Pro 8 

Ajouter a la liste du Lecteur Windows Media 

Lire avec le Lecteur Windows Media 

Acheter de la musique sur Internet 

EArc 

Partager... 

Envoyer vers 

Couper 
Copier 

Creer un raccourci 
Sup primer 
Renommer 

Proprietes 



l> 



Figure 2.22 : Le dossier va etre renomme 

Easy PHP etant demarre (si tel n'est pas le cas, reportez-vous a la 
section qui precede pour plus d' informations), lancez votre 
navigateur Internet (Firefox, par exemple), puis saisissez l'adresse 
12 7.0.0.1 dans sa Barre d'adresse (vous pouvez egalement 
taper localhost, ces deux syntaxes ayant la meme 
consequence : ouvrir la page d'accueil du serveur web installe sur 
votre ordinateur). 



ZjI 



r 



2, Index of/ - Mozilla Firefox 



•i- 



L5l 



Fichier Edition Affichage Historique Marque-pages Outils I 



85B~ - C & ( B | http://localhost/ 



ft 



Google 



PdbHPHP 



^:easyphp.Drg 



RPHEHE ! My5RI_ ! PHP FDF3 WIHDDN" 



Name Last modified Size Description 



Pj site-1 -joomla/ 02-Apr-2009 22:24 



http://l o c a I h o st/site-1 -j o o rn I a/ 



Figure 2.23 : La page d'accueil de votre serveur web 
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La page affichee dans le navigateur presente tous les sites installes sur 
votre serveur web. 

5 Cliquez sur le lien site-1 -joomla afin de lancer l'installation du 
systeme. 

Lorsque l'adresse d'un site Joomla est saisie, le systeme teste si 
l'initiation du systeme a deja ete effectuee. Si, comme ici, tel n'est pas le 
cas, le premier ecran de l'installateur de Joomla apparait. 




E tapes 
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Figure 2.24 : L'installateur de Joomla affiche la premiere etape du 
parametrage initial du systeme 

6 Selectionnez la langue frangaise dans la liste Selectionnez la langue 
puis cliquez sur le lien Suivant, presente dans la page, pour passer 
a 1' etape suivante de l'installation. 

L' etape suivante consiste en une verification des parametres du serveur 
web. 

La partie superieure de la page affiche une liste de parametres devant 
tous etre a l'etat Oui, indiquant un parametrage correct. 

La partie inferieure de la page, quant a elle, indique l'etat des 
parametres recommandes. Pour un fonctionnement optimal et une plus 
grande securite, il est preferable que les parametres de votre serveur 
web, indiques dans la colonne Actuel, correspondent a ceux preconises 
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par les concepteurs de Joomla, mentionnes dans la colonne 
Recommande. Si tel n'est pas le cas, le systeme pourra toutefois etre 
execute. 
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Figure 2.25 : La seconde etape de /'installation 
7 Cliquez sur le lien Suivant. 

Dans 1' etape suivante, vous devez signifier votre acceptation de la 
licence d' utilisation de Joomla. 
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Figure 2.26 : /-'acceptation de la licence d 'utilisation 
8 Cliquez sur le lien Suivant. 
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L'etape qui suit permet de parametrer la base de donnees utilisee par 
Joomla. 

9 Dans la liste de la zone Type de la base de donnees, choisissez 

mysql. 

10 Dans la zone Norm du serveur, saisissez localhost. 

11 Dans la zone Norn d'utilisateur, saisissez root. 

12 Dans la zone Mot de passe, saisissez mysql (vous ne risquez pas, 
dans cette installation, de creer une faille de securite avec un mot 
de passe aussi simple car vous utilisez le serveur web de votre 
propre ordinateur, qui n'est pas accessible aux autres utilisateurs ; 
il vous faudra, bien entendu, saisir un mot de passe quand vous 
publierez votre site chez un hebergeur). Sur certaines 
implementations locales de Mysql, ce champ doit etre laisse vide. 

13 Dans la zone Norn de la base de donnees, saisissez, par exemple, 

j oomlal. 













1 *t innr^rf tnttmatkin 






Etipn 

1 l B^H 


CcrfquuJ-.nn it, UtiijHfJ: f ™i Qwmm—, ""*0 






- ."i",', ;,""; '," 














• ■-# *■ ta — * »-»*- U || ■! IM1 ■■■ 


x~™« — 








mm mmjmmj.^ ■^i^^-M^mf 






--■ — -—— . "TTi" ■' "~"' "TTJSlST" 












— .,*_>- — — 

















Figure 2.27 : 

L'etape de 
parametrage de la 
base de donnees 



14 Cliquez sur le lien Sulvant. 

L'etape suivante vous permet de parametrer un acces FTP, utile pour 
gerer des problemes de publication pouvant apparaitre chez certains 
hebergeurs, dans des conditions specifiques. Cette fonctionnalite ne vous 
sera pas utile dans le cas present. 



Jcxyrin* irret#i*tlGn 




CQP'ifluribci FTP 



— i ■*-■- 




Figure 2.28 : 

L'etape de la 
configuration 
optionnelle de I'acces 
FTP 
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1 5 Cliquez sur le lien Suivant. 

A l'etape qui s'affiche, vous pouvez definir les parametres de 
configuration initiaux du site. Ces valeurs pourront etre changees 
ulterieurement. 

IB Dans la zone Norn du site, saisissez, par exemple, Site Joomla 
local. 

Cette information sera visible dans la Barre de titre du navigateur 
Internet depuis lequel le site est affiche. 

17 Dans la zone Votre email, saisissez votre adresse email. 

18 Dans la zone Mot de passe de I'admin, saisissez le mot de passe qui 
vous permettra de vous identifier lors de vos acces a 1' interface 
d' administration. 

19 Dans la zone Confirmer le mot de passe admin, saisissez a nouveau 
le mot de passe. 

20 Cliquez sur le bouton Installer les donnees d'exemple (afin 
d'inserer dans la base de donnees quelques articles fictifs et de 
copier dans le site les images utilisees par ces exemples). 

21 Cliquez sur le lien Suivant. 
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Figure 2.29 ; L'etape d'installation des donnees d'exemple 

A la derniere etape, il vous est indique que l'installation s'est deroulee 
normalement. Vous etes informe que vous devez detruire le dossier 



62 



LE GUIDE COMPLET 



Installer Joomla sur un serveur web local 



Chapltre 2 



installation, dans l'arborescence de repertoires du systeme Joomla que 
vous venez de mettre en place sur votre serveur web local. 

Cette operation a pour but de vous proteger contre une tentative 
eventuelle de piratage, pendant laquelle un pirate informatique pourrait 
executer une nouvelle fois la procedure d' installation afin de 
s'approprier le site. 
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Figure 2.30 : Le message vous indiquant que vous devez detruire le 
repertoire 

22 Ne fermez pas votre navigateur Internet et lancez l'Explorateur de 
fichiers de Windows (en cliquant du bouton droit sur le bouton 
Demarrer, dans la Barre des taches, puis en choisissant Explorer 
dans le menu contextuel qui apparait). Positionnez-vous dans le 
repertoire d' installation d'EasyPHP (le dossier Programmes, si 
vous avez conserve les parametres proposes a 1' installation). 
Recherchez le dossier www puis, sous ce dernier, le dossier 
renfermant les fichiers de Joomla (site-1 -joomla, dans notre 
exemple). Sous ce repertoire, supprimez le dossier installation en 
le selectionnant puis en appuyant sur la touche [Suppr) (voir 
Figure 2.31). 

23 Retournez sous le navigateur Internet et cliquez sur le bouton 
Site, afin d'acceder a la partie publique du site. 

Vous visualisez la partie publique de votre site, e'est-a-dire celle qui sera 
accessible aux internautes. Cette premiere maquette utilise les donnees 
d'exemples implementees lors de 1' installation, ainsi qu'une mise en 
forme par defaut, modifiable ulterieurement (voir Figure 2.32). 
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Figure 2.31 : La suppression du dossier peut egalement etre effectuee via 
le menu contextuel 
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Figure 2.32 : La partie pubiique du site 
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Vous allez maintenant acceder a 1' interface d' administration du site, 
c'est-a-dire a l'espace qui vous est reserve et depuis lequel vous pourrez 
modifier le site. 

24 Ouvrez un nouvel onglet dans votre navigateur Internet (par la 
commande Fichier/Nouvel onglet) et saisissez l'adresse de ce 
dernier, en ajoutant a celle-ci la chaine de caracteres 
/administrator. Dans cet exemple, le chemin d'acces est 

http : //localhost/site— 1— j oomla/ administrator. 

La page de connexion a 1' interface d' administration de Joomla apparait. 



aaPiiMt 



rnfa! Site Joomla loca 



Connexion a I'administration de Joomla! 



Veuillez Ltilisez un identifiant 


Identifiant 

Mot de passe 

Lancjue 




et un mot de passe valide pour 




acceder a [administration. 








Retourner a la page d'accueil 




du site 


Defaut w \ 


f f=\ 


Connexion v 



Figure 2.33 ; 

La connexion a /'interface 
d'administration de Joomla 



25 Dans la zone Identifiant, saisissez admin. 

Cet identifiant est le nom d'utilisateur cree par defaut a l'installation de 
Joomla. II vous sera possible de le modifier ulterieurement depuis 
1' interface d'administration du systeme, afin d'accroitre la securite. 
Cette operation n'est pas utile dans le cas present, car vous travaillez sur 
un serveur web local. Lorsque le site sera publie chez un hebergeur, il 
sera, en revanche, conseille de changer cet identifiant. 

26 Dans la zone Mot de passe, saisissez le mot de passe que vous 
avez defini lors de 1' installation. 

27 Cliquez sur le bouton Connexion. 

La page d'accueil de l'interface d'administration de Joomla est affichee. 
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Figure 2.34 : L'interface d'administration de Joomla 



2.5. Installer Joomla chez 
un hebergeur 

Les societes d'hebergement de sites web, communement appelees 
"hebergeurs" ont pour fonction de permettre aux webmestres de publier 
(e'est-a-dire deposer) leurs sites web sur des serveurs. Les sites sont 
ainsi accessibles depuis Internet, 24 heures sur 24. 

En matiere d'hebergement, plusieurs solutions sont proposees. 

Les hebergements mutualises 

Dans ce type d'hebergement, le plus repandu (et le moins couteux), un 
meme serveur est partage afin d' assurer l'hebergement d'un grand 
nombre de sites. 

Cet hebergement est adapte dans la majorite des cas car l'espace de 
stockage des pages du site est largement suffisant (plusieurs gigaoctets, 
generalement). 
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DEFINITION 



Gigaoctet 

Un octet est une unite de mesure correspondant a la quantite de 
stockage necessaire pour contenir un caractere. Un kilooctet (ko) 
correspond a 1 024 octets, soit 1 000 octets environ. Un megaoctet (Mo) 
correspond a 1 000 ko environ soit un million de caracteres. Un 
gigaoctet (Go) correspond a 1 000 Mo environ soit un milliard de 
caracteres. 



Si le nombre d'internautes connectes simultanement augmente de 
maniere consequente (plus de 50 visiteurs), les delais de chargement des 
pages deviendront plus eleves et il conviendra d'envisager un type 
d'hebergement plus important. 



Les hebergements sur des serveurs virtuels 

Dans ce cas, le webmestre gere son propre serveur, dit "virtuel", 
c'est-a-dire emule sur un ordinateur sur lequel plusieurs serveurs du 
meme type sont implementes. La puissance offerte par le systeme est 
superieure a celle d'un hebergement mutualise mais moindre que celle 
d'un serveur "dedie". 



Les hebergements sur des serveurs dedies 

Ici, le webmestre administre integralement le serveur web, ce qui 
demande plus de connaissances techniques de sa part. Cette solution 
permet la connexion simultanee d'un grand nombre d'internautes au site 
web. Le cout de ce type d'hebergement est, bien entendu, plus eleve. 

De nombreux hebergeurs proposent des systemes de ce type "cles en 
mains", preinstalles et faciles a administrer. 

Les hebergements sont proposes sur systemes d' exploitation Linux ou 
Windows. La premiere categorie est la plus adaptee a une installation de 
Joomla. 
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Etude de cas : Installation type chez 
un hebergeur 

Ouvrir un compte chez un hebergeur 

La quasi-totalite des hebergeurs actuels implementent systematiquement 
les technologies Apache, Php et MySql sur leurs machines. 
L' installation de Joomla est done facilement realisable dans la majorite 
des cas, chez la plupart des hebergeurs. 

A titre d'exemple, voici decrite l'installation d'un systeme Joomla chez 
l'hebergeur 1and1. Vous pouvez bien entendu effectuer une procedure 
similaire chez d'autres hebergeurs. 

1 Connectez-vous a l'adresse http://-landl.fr. 



Nos Packs 



Domaines 



Email 



Hebergement 
Hebergement Linux 



Hebergement Windows 



Serveurs Prives 

Serveurs Linux 
Serveurs Windows 



Serveurs Dedies 
Serveurs Linux 
Serveurs cle-en-main 
Serveurs Windows 
Serveurs Economiques 



E-Commerce 

Aperf u des 
e-Boutkjues 



Sharepoint 



1&1 mise sur I'energie 
uerte 




Plus J infos... 




99€ < 

HT/tnois *~ 
~ pendant ^ 

+ A&T 

Packs Hebergement : des solutions tout en un 

■ Jusqu'a 5 noms de domaine inclus pendant 
toute la duree du Pack 

■ 1 &1 TopSite Express pour creer votre site 
Web enquekjues dies! rikim/\ 

■ Large collection de logiciels profession n els ' 



■* Hebergement 





Pro II ' , 
r #HT/mois. 



pendant 
*» 6 moi^ 



Nouvelle gamme de serveurs dedies 

■ Pro cesseu rs AM D pteron de dern iere gen eratio n 

■ Jusqu'a 2 x quatre coeurs 

■ Jusqu'a 16 Go de memoirs vive 

■ NOUVEAU Microsoft Windows Server 2005 



■* Serueurs Dedies 



■* Serveurs Priues 



Encore plus de produits 1&1 




: 2" € - 

m ^g HT/an „ 

— pendant •- 

— un an" r^ 



Enregistrez votre nom de domaine 

www. . [}j z 



PROMOS : .com, .net, .org. ,eu. .info et .be 
a seulement 5.99 € HT pendant un an' 
1 compte email de 2 Go inclus I 



■* Domaines 





Communication en toute Gagnez de I'argent avec 

mobitite votre propre e-b-outique 



■ Solution collaborative 
ideale les PME 

■ Acces a votre messagerie 
en deplacement 

-* Exchange 



■ Large choix de designs 
pour creer votre boutique 

■ Integration eBay 

■ Outilsde referen cement 

I-* E-Commerce 









Graturt pnurtout achat d'un nom de domaine 


*£& 




Outil camplet pour optimiser votre travail dTequipe ' are ol 1 

19,99 € HT/mois sort 23,51 € TTC/mois 



Figure 2.35 : La page daccueil de l'hebergeur 1and1 
2 Cliquez sur le lien Hebergements Linux. 
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La page Hebergement mutualise - Hebergement Linux apparait. Plusieurs 
solutions d'hebergements mutualises vous sont proposees. 

3 Cliquez sur 1' hebergement de votre choix et suivez la procedure 
d'inscription afin de contracter un abonnement (choisissez le 
mieux adapte a la taille et au taux de frequentation previsionnels 
de votre site). 



Hebergement Linux 



Hebergement 
Windows 



Infos sur les domaines 



Assistance 



Temoignages Clients 



Nouveautes 



Quel Pack choisir ? 

Hebergement Linux du 

Windows ? Pack Perso ou 

Pack Pro ? 

1&1 vous aide a choisir. 

Plusd'infos... 




Decouvrez un echantillon 
de sites heberges par 
1*1. 
Plusd'infos... 



BIENVENUE CHEZ 1&1 

DES SOLUTIONS INTERNET POUR CHACUN DE VOUS 



FAQ I ASSISTANCE 



ESCLi" 



ACCUEIL DOMAIHE5 EMAIL HEBERGEMENT 5ERVE0RS PRIVES SERVEURS DEDIES E-COMMERCE SHAREPOINT 



Hebergi 



£ff Hebergement Wind ows 



1&1 Hebergement Linux 

Des solutions tout en un pour votre site Web 



ter®iutfiQn 



r Perso Pack Perso 

Initial Contort 




Votre premier site 



Sites perso 
complets 



ck Pro Pack Pro 

mdard Performance 



les PME ^ es complexes a 
'"'" forttrafic 



I scutement I settlement 

199€ &99€ 

*# HT/moii ^*F HT/mois 

138€ TTOmots 5.9JE TTC/mois 



fe\CM„„,f:.Oa 



-^*~ 6 mors a \$%f&- 6 mors a 

Q99€ 



A99€ 

^*f HT/moii 

apres 9,99 € HTAnois 
1 1 .95 € TTCAnois" 



. Espace Web 



Espace d is que 
Trafici'mois 



■ tout afficher.. 



£J> Noms de domaine 



Noms de domaine inclus 
Jr, .ct>m r ,net r .org, .info 

(pendant toute la dureedu Pack} 

Sous-domaines 



■ tout afficher.. 



Email 



Comptes email (PDP3 &t IMAP) 
Taillsparcompts 



r tf 



2,5 Go 
100 Go 



1 
10 



20 



2 Go 



6 Go 
750 Go 



1 000 



200 
2 Go 



10 Go 
1 000 Go 



2 500 



1 200 

2 Go 



apres 19,99 € HT/hiois 
23,91 €TTC/friois" 



20 Go 
2 000 Go 



5 000 



2 000 
2 Go 



Figure 2.36 : Le choix d'un type d 'hebergement 






REMARQUE 



Hebergement gratuit ou payant 

Le cout de 1' hebergement est aujourd'hui assez faible (quelques euros 
par mois). Vous pouvez egalement opter pour une solution entierement 
gratuite, si vous utilisez 1' espace offert par votre fournisseur d'acces a 
Internet (Free, par exemple). Toutefois, les plateformes d' hebergement 
pay antes mettent a votre disposition des fonctionnalites d' administration 
plus evoluees et disposent de caracteristiques techniques plus 
importantes (possibility de deposer plusieurs noms de domaines, bande 
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passante et espaces de stockage eleves, trafic, creation de comptes 
emails rattaches aux noms de domaines, etc.). 



1 %£*}' 



REHAROUE 



Importance de la bande passante et du trafic 

La bande passante correspond au debit de donnees ; c'est-a-dire a la 
quantite de donnees pouvant circuler sur le systeme en un temps donne. 
Elle est quantifiee en bits par seconde. Une bande passante elevee 
permet de diminuer le temps d'affichage des pages du site. 

Le terme trafic mensuel indique, quant a lui, la quantite de donnees 
echangees en un mois. II depend du nombre de pages visitees mais aussi 
du poids des objets, images notamment, qu'elles renferment. Ainsi est-il 
conseille de toujours reduire la taille des fichiers images affiches dans les 
pages, en conservant le meilleur compromis qualite/poids. 



Une fois le service ouvert, vous disposez d'une interface 
d' administration vous permettant de gerer votre espace chez l'hebergeur. 
Vous allez verifier qu'il vous est desormais possible d'acceder a cette 
interface. 

4 Cliquez sur le lien Acces client. 







~\ 


- 


FAQ | ASSISTANCE 
ACCEJjCLIENT ► WEBMAIL 





Figure 2.37 : Le lien permettant I acces a votre espace 
d'hebergement 

La page Espace client apparait. 

5 Saisissez le code client et le mot de passe rattache, qui vous ont 
ete communiques par votre hebergeur afin de vous permettre de 
vous authentifier. Cliquez sur le bouton Connexion. 
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Acces a I'Espace Client 








Client 






'^^™ 






Numero client ou nam du domains 




Mot de passe 


*••**•«*••* 






Vous avezoublie votre mot de passe ? 












Connexion n 






\j 


1 





Figure 2.38 : La saisie du code client et du mot de passe 

L' interface d' administration est affichee dans votre navigateur. 
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Figure 2.39 : L'i interface d'administration 
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Publier les fichiers de Joomla chez 
.'hebergeur 

La mise en place de Joomla chez un hebergeur est identique a celle que 
vous avez precedemment realisee sur votre serveur local. Vous devez 
toutefois disposer d'un logiciel de transfert FTP afin de transferer les 
fichiers qui constituent le CMS sur votre espace d'hebergement. 
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RENARflUE 



Le protocole FTP 

Ce terme, acronyme de File Transfer Protocole, designe l'un des 
protocoles de communication les plus repandus, permettant l'adressage 
de fichiers sur les reseaux TCP/IP. II est employe dans de tres 
nombreuses circonstances, pour l'echange et 1' administration des fichiers 
d'ordinateur a ordinateur. 



1 Telechargez puis installez sur votre ordinateur un logiciel de 
transfert FTP. L'un des plus utilises de ces programmes est 
Filezilla. Vous pouvez telecharger ce logiciel open source a 
l'adresse http://www.filezilla.fr ou utiliser le logiciel de transfert FTP 
de votre choix. 



QFileZilla 



.fr 





Maitriser FileZilla en 5 
I minutes : 

> Lancer FileZilla et le 
mettre en francais 

> Comprendre 
I'interface de FileZilla 

> Creer un raccourci de 
connexion et se 
connecter a un 
serveur FTP 

> Transferer un fichier 
sur un serveur FTP 

> Telecharger un fichier 



sur un serveur FTP 



Liens 



> Liens utiles, 
telechargement 

> Site officiel 

> Sitio en espanol 

Speed DOWNLOADING 




FILEZILLA : Un client FTP rapide Gratuit et securise 

Public : Webmasters 

FileZilla est un logiciel FTP gratuit cree par 1'allemand 
Tim Kosse. II permet de se connecter a distance sur un 
serveur pour y telecharger des fichiers. 

Un gestionnaire de site est disponible permettant de 
repertorier I'ensemble des adresses auxquelles vous etes 
amenes a vous connecter regulierement. Pour les besoins 
de securite, FileZilla propose un mode dans lequel il ne 
conserve aucune trace des mots de passe sur votre 
ordinateur et une a uthentifi cation est necessaire a chaque 
connexion aux serveurs,. meme en utilisant les favoris du 
gestionnaire de site. Le programme permet bien sur de se 
connecter aux machines distantes securisees utilisant le 
protocole SSH. 

L'application, gratuite et libre, est disponible en frangais. 
Ses fonctionnalites incluent le transfert de gros fichiers 
(plus de quatre gigas), une puissante gestion d'erreur 
-remplacer, renommer ou ignorer un fichier existant, par 
exemple-, un gestionnaire de site tres complet pourceux 
qui doivent frequemment utiliser les memes sites, mais qui 
ne souhaitent pas retenir toutes les informations de 
connexion, ainsi que le support du glisser-deposer d'un 
dossier ou du bureau, bien plus rapide que la navigation. 

Afin d'ameliorer les vitesses de transfert, FileZilla est capable de compresser les donnees 
en cours de telechargement. Le niveau de compression peut etre ajuste selon vos 
besoins. Que vous telechargiez des pages Web ou des images, le gain de temps 
occasionne dans la plupart des cas est considerable ! Mais dans certains cas il peut 
egalement etre utile de limiter la vitesse de telechargement pour que la totalite de la 
bande passante ne soit pas saturee, les vitesses de transfert de FileZilla peuvent ainsi 
etre ajustees selon vos besoins. 

II existe aussi une version portable , qu'on peut mettre sur une cle USB. Cette version est 
identique a celle de bureau. 

Tres securise, FileZilla FTP peut utiliser le protocole SSH (Secure Shell) 



BOOSTEZ VOS 



TECTEZ LES I 

Antivirus & Firewalls 
Gratuits et pros 



Figure 2.40 : Le site de telechargement de Filezilla 

Depuis I'interface d' administration de votre espace 
d'hebergement, affichee precedemment dans la fenetre de votre 
navigateur Internet, cliquez sur le lien Acces FTP, afin d'acceder a 
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votre identifiant FTP et a son mot de passe associe (ces 
parametres sont requis pour effectuer la connexion en FTP depuis 
le logiciel Filezilla). 



Espace Web & Acces 



^ Acceft FTP 



Protection des 
L-lail repertoires 



Functions suppl 



Affichez Capercu detous les acces FTP 
de votre Pack. Vous pouvez creer de 
nouveaux acces ma is aussi modifier ou 
supprimer les acces existants. 



Figure 2.41 : 

Le lien permettant 
dacceder a vos 
parametres FTP 



Lancez Filezilla afin de vous connecter a votre espace 
d'hebergement. Dans le logiciel, saisissez l'adresse de l'espace 
d'hebergement, le nom d'utilisateur et son mot de passe rattache. 
Ces parametres vous ont ete fournis a l'etape 2. Cliquez sur le 
bouton Connexion rapide. 



Hote 



Utilisateur 



Mot de passe 



Port 



Connexion rapide m 



Figure 2.42 : Adresse de I'ordinateur hote, nom d'utilisateur et mot 
de passe sont des parametres qui vous sont fournis par votre 
hebergeur et que vous devez entrer dans le logiciel de transfert FTP 

4 Dans votre espace d'hebergement, figurant dans la partie droite du 
logiciel nominee Site distant, cliquez du bouton droit sur l'icone 
representant la racine de l'arborescence de fichiers et choisissez 
Nouveau dossier dans le menu contextuel qui apparait. 





Site distant : 


/ 


H-{ 


n 




^ Telecharger 

4± Ajouter a la file d'attente 






Nouveau dossier 


Effacer 
Renomrrier 
Attributs du fichier... 









Figure 2.43 ; 

La creation du nouveau dossier sur 
le site distant 



Affectez un nom significatif a ce dossier (pour eviter d'eventuels 
problemes, utilisez uniquement des caracteres minuscules, sans 
espaces et sans accents ni caracteres speciaux pour nommer le 
dossier). 
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Nouveau dossier 



Veuillez saisir le nonn du repertoire qui doit etre tree 
/infornnatique -formation -nancy-5^|f 



OK 



2 



Annuler 



Figure 2.44 : 

Un nom significatif est affecte au 
dossier 



Dans la partie gauche du logiciel, selectionnez le contenu du 
dossier Joomla_1.5.10-Stable-Full_Package-French, precedemment 
cree lors de la decompression du fichier zippe du meme nom. 
Pour ce faire, cliquez sur le nom du dossier dans la partie 
superieure gauche de la fenetre de Filezilla, nommee Site local. 
Cliquez sur un nom de dossier ou de fichier, dans la partie 
inferieure droite de la fenetre, nommee, Nom. Utilisez la 
combinaison de touches [Ctrl] +[A] pour selectionner tous les 
fichiers et tous les dossiers du dossier Joomla_1.5.10-Stable- 
Full_Package-French . 



Site local 



C : fichiers \Telechargernents \} oomla \} oonnla_ 1 . 5 . 10 -Stable -Full_Package -French \ 



El- 



Joornla_l,5,lU-Stable-Full_Package-French 

©■■■ , administrator 

j^ cache 

!+)■■■ , , components 

: images 

©■■■ . includes 

l+l ■•• installation 



u 



Nom / 



Taille Type 



Modifie 



configuraticn.php-dist 
JCOPYRIGHT.php 
"31 CREDITS, php 

htaccess.bd 
|index.php 

indexZ.php 

IN STALL, php 

UCENSE.php 

UCENSES.php 

ro'bd'ts.t 



Fi ch i er P H P - DI. . . 02/04/2009 22:24 :27 



1175 Fichier PHP 

14 277 Fichier PHP 

2 663 Docu m ent texte 

2052 Fichier PHP 

591 Fichier PHP 

4 344 Fichier PHP 

17 816 Fichier PHP 

30 746 Fichier PHP 



02/04/200922:24:27 
02/04/200922:24:27 
02/04/200922:24:27 
02/04/200922:24:40 
02/04/200922:24:40 
02/04/2009 22:24:40 
02/04/200922:25:27 
02/04/200922:25:27 



: 



Document texte 02/04/2009 22:26:18 



Figure 2.45 : Tous les fichiers et tous les dossiers du dossier 
Joomla_1.5. 1 0-Stable-Full_Package-French sont selectionnes 

Collez ces fichiers dans le dossier cree chez l'hebergeur a 
l'etape 5 (sur Filezilla, ce copier/coller s'effectue en glissant les 
fichiers selectionnes de la partie gauche vers la partie droite de la 
fenetre). Assurez-vous que le dossier cible est selectionne afin 
d'eviter une eventuelle erreur de destination lors de la copie des 
fichiers et des dossiers. 
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r ~-„D ■ T +': 



* (M-M •■ 



■ 

■ . < 
* * < 



. 




1 



* 






Figure 2.46 : 

Les fichiers et dossiers 
sont colles par un 
glisser dans la partie 
droite de la fenetre 



Pendant 1' operation de copie, qui prend quelques minutes (ou plus), les 
fichiers copies sont affiches dans la partie inferieure de la fenetre de 
Filezilla. 



Tjillr Pnaraf \iAmr 



Mnm tit- 1 ifhirr IfnJl nir^rtirn Ncm dr fw hat dntant 
J Ldl ft&RI-^-iwwt nviMir".i... 

J (.;'>itl»iii, rtlt(.l<4ri|cnic... — >> /■nl«i>iii!iiiUEl-yi' , rj!iijn-tnn.,. 44 Moinuk rraiitfei! cii (.uuii 

««flO itsul**to --;--;■ - rcrtinE 44 kMi (7 */i] 

3 C:'iFichi*rs\riJfclMrg*ni«... -->> ifor«r»iriquE-fonTJtiDn-rMn.„ 26936 WomMl* Trinif ert en coura 

««IO0 kouI* c rt| ■ mtant X 9K «wtt <T 4/s) 



Fn.liwr»ddn* Id l«r U\»Ltm(r L2JH) Ti in!e- H ed wn rinlBtii4uiB(LI»U 



Figure 2.47 : 

Les fichiers en cours 
de copie sont affiches 
dans la partie 
inferieure de la 
fenetre 



A Tissue de la copie, les fichiers et les dossiers publies chez l'hebergeur 
sont visibles dans les zones Site distant et Norn, dans la partie droite de la 
fenetre de Filezilla. 



Site distant : 


,/informatique -formation -nancy-54/ 




^H^l Tinfcrmatiq Lie-form ation-n a ncy-54 






n ■ . 




Nom r 


Taille 


Type 


Modifie 


Droits 


Proprietair... 




a- 














_, robots.txt 


304 


Document ... 


12/04/200912:.., 


-rw-r--r-- 


U45753987 . 






^UCENSES.php 


30 746 


FichierPHP 


12/04/200912:.., 


-IV-.-I--I'-- 


U45753987 . 






^UCENSE.php 


17 816 


FichierPHP 


12/04/200912:.., 


-rw-r--r-- 


U45753987 . 






^INSTALL.php 


4 344 


FichierPHP 


12/04/200912:.., 


-r..-i"--r-- 


u45753987 . 






, *. index2.php 


591 


FichierPHP 


12/04/200912:.., 


-rw-r--r-- 


u45753987 . 






,*, index.php 


2052 


FichierPHP 


12/04/200912:.., 


-rw-r--r-- 


U45753987 . 






_i htaccess.txt 


2 663 


Document ... 


12/04/200912:.., 


-rw-r--r-- 


U45753987 . 






^CREDUS.php 


14 277 


FichierPHP 


12/04/200912:.., 


-rw-r--r-- 


U45753987 . 






iCOPYRIGHT.php 


1175 


FichierPHP 


12/04/200912:.., 


-i ■.. -i --r-- 


u45753987 . 






_j configuration, php-dist 


3 409 


FichierPH... 


12/04/200912:.., 


-rw-r--r-- 


u45753987 . 






iCHANGELOG.php 


88 819 


FichierPHP 


12/04/200912:.., 


-rw-r--r-- 


U45753987 . 






xmlrpc 




Dossier de ... 


12/04/200912:.., 


drwxr-xr-x 


U45753987 . 






tmp 




Dossier de ... 


12/04/200912:.., 


drwxr-xr-x 


U45753987 . 






1 . templates 




Dossier de ... 


12/04/200912:.., 


drwxr-xr-x 


u45753987 . 






, plugins 




Dossier de ... 


12/04/200912:.., 


drwxr-xr-x 


u45753987 . 










Taille Priorite Statut 





























Figure 2.48 : 

Les fichiers 
constituent le 
systeme Joomla, 
apres leur publication 
chez l'hebergeur 



La mise en place du CMS est presque terminee. II vous reste a operer 
1' initialisation du systeme, qui s'effectue de maniere analogue a celle 
que vous avez deja realisee sur votre serveur web local, a quelques 
nuances pres. 



LE GUIDE COMPLET 



75 



Chapitre 2 



Installer Joomla 



Pour acceder au site, il vous faut creer un nom de sous-domaine pointant 
vers le dossier dans lequel vous avez depose les fichiers de Joomla, chez 
votre hebergeur. Pour les besoins de cet exemple, nous utilisons un 
sous-domaine dans ce qui suit. Vous pouvez egalement employer l'un de 
vos noms de domaines crees a l'ouverture de l'hebergement pour 
realiser ce pointage. 






REMARQUE 



Domaine et sous-domaine 

Un domaine est un ensemble de pages web, designe par un identifiant 
unique, saisi dans la Barre d'adresse du navigateur Internet (du type 
http://www.mosaiqueinformatique.fr). 

Un sous-domaine est une subdivision de l'espace que represente le 
domaine principal, portant elle aussi une adresse unique (du type http://www 
.formations-informatiques-nancy.mosaiqueinformatique.fr). 



8 Depuis votre navigateur Internet, accedez a nouveau a l'interface 
d' administration de votre espace d'hebergement, comme vu 
precedemment. Apres vous etre authentifie, cliquez sur le lien 
Configuration des domaines. 



Configuration des 



domaines 



Configuration email 



■^■■L.tiUPAUM 



Modifiez et gerez vos domaines. Vous 
pouvez modifier les parametres, definir 
des fonctions de securite ou ajouter 
d'autres domaines a votre Pack. 



1811 SMS Manager 



M 



1&1 Webmail 



Figure 2.49 : Le Hen Configuration des domaines, affiche dans 
/'interface d'administration de I'hebergeur 

La page Apergu des domaines est affichee. 
9 Cliquez sur le lien Nouveau. 




* hin< 



tMiufl gfcuui 4m>Mi «uvj 



-. ^fl^^fl' fV "pflPP^^BH , *M^W M" 



M.'AUK' 



1L1I 



jm 



^GsU 



Figure 2.50 : Le Hen permettant de creer un nouveau domaine ou un 
nouveau sous-domaine 
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La page Ajouter un domaine est affichee. 



ESPACE CLIENT 



PRODUITS 181 



;■■:-_=:, njErnHEffi 



GESTION DU PACK 



H Accueil 



Configuration des domain es 
Configuration email 
Communication 
Applications Web 
E space Web & Acces 
1&1 Marketing en ligne 
Misea niveau 
Commander 
Nlon contrat 
Licences S. logiciels 



Besoin d'aide ? 



Commander un nouveau 
domaine 



Ajouter un domaine 

Entrezle nom de domaine que vous souhaitez commander. Cliquezensuite sur Suivant. 






Norn de domaine 



Suivant 



Nouveau sous domaine 

Creer un nouveau sous-domaine a partir d'un nom de domaine que vous possedezdeja. 



Figure 2.51 : La page Ajouter un domaine 
La page Nouveau sous-domaine est affichee. 

10 Dans la zone Sous-domaine. Nom du domaine, saisissez le prefixe 
du sous-domaine(nous utilisons "formations-informatiques- 
nancy", pour cet exemple). Choisissez le nom de domaine auquel 
est rattache le sous-domaine au moyen de la liste deroulante 
presentee a droite de la zone (en fonction du type d'hebergement 
choisi, vous pouvez en effet disposer de plusieurs noms de 
domaines). Cliquez sur le bouton Creer. 




Configuration dss domaines 
Configuration email 
Communication 
Applications Web 
E space Web S Acces 
1&1 Marketing en ligne 
Misea niveau 
Commander 
Mori contrat 
Licences Si logiciels 



Nouveau sous-domaine 



Sous-domaines disponibles : 989 

Sous-domaine . Nom du 
domaine 



formations-info rmatiques-nancy 



mosaiqueinfbrmatique.fr 



Retour 



Creer 



Figure 2.52 : La creation du sous-domaine 

Le nom de sous-domaine etant desormais cree, il faut le diriger vers le 
dossier dans lequel vous avez depose les fichiers de Joomla. 
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11 Depuis la page d'accueil du site de l'hebergeur, cliquez sur le lien 
Configuration des domaines. 

La page Apergu des domaines est affichee. 

1 2 Dans la liste des noms de domaine et de sous-domaine, affichee 
sur cette page, cliquez sur le lien constitue du nom de sous- 
domaine qui vient d'etre cree. 

La page Parametres pour la destination du domaine est affichee. 

13 A la rubrique Destination, cliquez sur le bouton Modifier. 



ESPACE CLIENT 



enonuiTJiai 



WieMAK 



J .',: :;-il 

i'oflfii]iir.ir.rtn otts dcauinr-^ 

Unifiguijbim *r-Liil 

LccrTinit-olMn 
InMunnnr. Vltu 

I h|ucn W#b Pi Amm* 

161 MarfceBnp en ton* 
Uxa Annua 
Cu i ii mndT 
Mm ct-wrjt 



V«a bwitrazta f 

fa -KTi -E^SLfifc* rn hn 
Hdnn 



; Anita t_4 j 

M:ntA jrmii 



CE STOH Hi r>ACH 



Pflram£>tf*H. pour la destination du domaine 

Vous power rtiflci rt mndhtf k"i- puumftlri jiIul-' 1 ; dt -tfJt dnmana 



NprnOi -Ji-ijint ^nmLM.if'i-JnrcfiimlhJn;inanL-|i.«T>:'MH|tinnlunnolr7jH.li 



Lk'tltialKm | n i*.-tfpj ] 



fc" 



DflfnilDfi Conyni (*p*rtp*f» rKfef ^ 



nil * uLUmi pm It nbgim* RorUoruinL I Ham \ 



Li 



Anmbf 



Figure 2.53 : 

La page 

Parametres pour la 
destination du 
domaine 



14 A la rubrique Repertoire racine, choisissez, dans la liste deroulante 
de la zone Repertoire existant, le nom du dossier cree 
precedemment au moyen du logiciel de transfert FTP, et dans 
lequel vous avez depose les fichiers et dossiers d' installation de 
Joomla. Cliquez sur le bouton Enregistrer. 




I l-EB UNI 



- AaMri 



r— iiiiM inn 

1L1 kA^a la-aw 



3 



Figure 2.54 ; 

Le choix du dossier 
de destination 
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La page alors affichee indique que 1' operation s'est effectuee 
correctement et que les modifications effectuees seront effectives dans 
30 minutes environ. 

II vous reste a effectuer le parametrage du systeme. 

15 Dans la barre d'adresse de votre navigateur Internet, saisissez 
l'adresse du sous-domaine que vous avez precedemment cree 

(http://www.formations-informatiques-nancy.mosaiqueinformatique.fr, 

dans notre exemple). 

Comme cela fut le cas lors de l'installation sur votre serveur web local, 
l'adresse d'un site Joomla etant saisie, le systeme teste si 1' initialisation 
a deja ete effectuee. Puisque ce n'est pas le cas, le premier ecran de 
l'installateur de Joomla apparait. 

IB Selectionnez la langue frangaise dans la liste Selectionnez la langue 
puis cliquez sur le lien Suivant, presente dans la page, pour passer 
a l'etape suivante de 1' installation. 

L'etape suivante est celle de la verification des parametres du serveur 
web. La partie superieure de la page affiche une liste de parametres 
devant tous etre a l'etat Oui, indiquant un parametrage correct alors que 
la partie inferieure de la page indique l'etat des parametres 
recommandes. 

1 7 Cliquez sur le lien Suivant. 

Dans l'etape suivante, vous devez signifier votre acceptation de la 
licence d' utilisation de Joomla. 

18 Cliquez sur le lien Suivant. 

L'etape qui suit est celle qui vous permet de parametrer la base de 
donnees utilisee par Joomla. Quelques parametres vont differer de ceux 
utilises sur votre serveur web local. 

19 Dans la liste de la zone Type de la base de donnees, choisissez 
mysql (voir Figure 2.55). 

Dans la zone suivante, il vous faut saisir le nom du serveur de votre base 
de donnees. Ce parametre vous sera fourni par votre hebergeur. 
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£t*|W* 



Configuration de la base de donnees 



o- 



— o 



**™ 



1.1 




Pir*m*ir*t llwpH* 




Itodtorcfe*.* to, * tort- 


dn^Mxtonto* frpnH^ 






-M » ■t*'*-mi ■*« ****«•■ 


™».>^--.-r. 




Pir.imrtr»L JVJncfl 




1 P ■ ii' -"- 1 — ■•— ■- ' J— - 'r** fcirii'* HtotojM, 


Eritmi y v4t*r 4 t«w to to Mite 


anUfctiMUto! Jto-Mr 





-"'ito*-*!** 



*V*tolF«d. 



r1)i~rw iHT'rfr»fc- 



tor'LJto.toJ.t- T'jrjn IFT'U 



i i in i to in 






* hmBHMNM 






i M Jl ■OAlltol i&J tcwi o±i?&,*yL 



Figure 2.55 : Le parametrage de la base de donnees emploie ici des 
informations specifiques a votre hebergement 

20 Depuis votre navigateur Internet, accedez a nouveau a l'interface 
d' administration de votre espace d' hebergement, comme vu 
precedemment. Apres vous etre authentifie, cliquez sur le lien 
Administration de MySQL a la rubrique Applications Web. 




^UlT^EKpn™ fa™ 



141 l/f/innrih: Klrr- 



MS 



141 Ccrtwrwj 
4lyrumk]iH 

1-K.1 WnbXiiu 



141 I DiiwiiilairH 



Hl*jrrti'j|i. L iIl' syiitanv 



/ 1*1 Ck* 

.^ 141 Cos* de 
• i 4lMin»ni 

Bilil iulhu^uL' 
41'lrrugfii 






1t1AIUu:nrhuiu 



*^«F 



AdminKi ration df! 



=* 



Uj-sa. <; rvsrtt: <m r"ii « :n-s< >iI*hi|iih n.U 



EUHHHJL L «JlirirjlL L 

•: ■: ,i 



fej 



<:tf\n:ti mi.:- 



He lh I que Uprcadshi 



- \ 



141 cbouiiquo Siarr 



Figure 2.56 : Le lien permettant lacces aux parametres de la base 
de donnees 

La page Creer et configurer une base de donnees MySQL est affichee. Les 
noms de vos bases de donnees, ainsi que les noms d'utilisateurs et mots 
de passe rattaches vous y sont fournis. 






REMARflUE 



Copier/coller des parametres 

Vous pouvez gagner un temps appreciable, et eviter des erreurs de 
saisie, en operant des copier/coller de ces parametres, lorsqu'ils sont 
requis pendant 1' installation de Joomla, plutot que de les ressaisir. 



21 Effectuez un copier du nom du serveur de votre base de donnees 
puis retournez a l'etape 4 de 1' installation de Joomla. Collez cette 
donnee dans la zone Nom du serveur. 
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22 Copiez de meme le nom d'utilisateur de la base de donnees et 
collez-le dans la zone Nom d'utilisateur. 

23 Copiez de meme le mot de passe permettant Faeces a la base de 
donnees et collez-le dans la zone Mot de passe. 

24 Copiez le nom de la base de donnees et collez-le dans la zone 
Nom de la base de donnees. 






Creation de la base de donnees 

En fonction des specificites des services d'hebergements de sites 
proposees par les hebergeurs, il se peut que votre base de donnees ne 
soit pas initialisee a l'ouverture du service. Vous devrez done la creer, 
depuis 1' interface d' administration mise a votre disposition par 
1' hebergeur, avant 1' execution de cette etape d' installation de Joomla. 



1 l^ 1 



Utilisation d'un prefixe de tables 

Si vous disposez uniquement d'une base de donnees MySql sur votre 
espace d'hebergement, vous pouvez toutefois proceder a plusieurs 
installations distinctes de Joomla en prefixant les tables. Cliquez alors 
sur le bouton Parametres avances. Dans la zone Prefixe des tables, 
indiquez une courte chaine de caracteres (du type "abc_"). Ce prefixe 
sera ajoute au debut des noms de vos tables (les tables sont des 
regroupements d' informations, dans une base de donnees) et vous 
pourrez ainsi installer plusieurs fois le CMS, avec des noms de domaines 
ou de sous-domaines differents (pointant vers des dossiers distincts), 
chaque systeme utilisant des tables a prefixe unique. 



f 



» Parametres avances 



Supprimer les tables existantes 

a Sauvegarder les anciennes Toute sauvegarde de tables dune instaSafion precedente de Joomla' sera 

tables remptacee 

Prefixe des tables 

N'utBsez pas $e prefixe tak^ qui est reserve a $a sauvegarde des tables 



abc 



Figure 2.57 : La definition d'un prefixe de tables 
25 Cliquez sur le lien Suivant. 

L' etape suivante vous permet de parametrer un acces FTP, utile pour 
gerer des problemes de publication pouvant apparaitre chez certains 
hebergeurs. Vous n'utiliserez pas cette fonctionnalite dans le cas present. 
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26 Cliquez sur le lien Suivant. 

A cette etape, definissez les parametres de configuration initiaux de 
votre site Joomla. Ces valeurs pourront etre changees ulterieurement. 

27 Dans la zone Norn du site, saisissez le nom que vous desirez 
affecter a votre site. 

Cette information sera visible dans la Barre de titre du navigateur 
Internet depuis lequel est affiche le site. 

28 Dans la zone Votre email, saisissez votre adresse email. 

29 Dans la zone Mot de passe de I'admin, saisissez le mot de passe qui 
vous permettra de vous identifier lors de vos acces a 1' interface 
d' administration. 

30 Dans la zone Confirmer le mot de passe admin, saisissez a nouveau 
le mot de passe. 

31 Cliquez sur le bouton Installer les donnees d'exemple (afin 
d'inserer dans la base de donnees quelques articles fictifs et de 
copier dans le site les images utilisees par ces exemples). 

32 Cliquez sur le lien Suivant. 

Vous connaissez deja la particularity de cette derniere etape, pour 1' avoir 
observee lors de 1' installation de Joomla sur votre serveur local. II vous 
est indique que l'installation s'est deroulee normalement et que vous 
devez detruire le dossier installation, dans l'arborescence de repertoires 
du sy steme mis en place sur le serveur web, afin de vous proteger d'un 
piratage, dans lequel la procedure d' installation serait executee une 
nouvelle fois. 

33 Ne fermez pas votre navigateur Internet et lancez Filezilla (ou 
votre logiciel de transfert FTP). Connectez-vous a votre espace 
d'hebergement par le protocole FTP. En cliquant du bouton droit 
sur le dossier installation puis en choisissant Effacer dans le menu 
contextuel qui apparait, supprimez le repertoire installation (voir 
Figure 2.58). 

34 Retournez sous le navigateur Internet et cliquez sur le bouton 
Site, afin d'acceder a la partie publique du site. 

Comme lors de 1' installation du sy steme sur votre serveur local, la partie 
publique de votre site est affichee. Votre site web est desormais 
accessible aux internautes, par simple saisie de leur part de l'URL du 
site. 
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Norn v 
media 
logs 
libraries 
. language 



Taille Type 
Dossi 
Doss 
Doss 
Doss 



■ ME 

I , includi 

image; 

compc 

cache 

. admini 



^ Telecharger 

4± Ajouter les f ichiers a la file d'attente 
Afficher / Editer 



No uvea u dossier 



Taille 



Renommer 
Attributs du fichier., 



er de 
er de 
er de 
er de 

er de 
er de 
er de 
er de 
er de 



Modifie 
12/04/2009 12 
12/04/2009 12 
12/04/2009 12 
12/04/2009 12 



12/04/200912: 



12/04/2009 12 
12/04/2009 12 
12/04/2009 12 
12/04/2009 12 
12/04/2009 12 



Droits 



drwxr-xr-x 
drwxr-xr-x 
drwxr-xr-x 
drwxr-xr-x 



Proprietair. 
u45753987 
u45753987 
u45753987 
u45753987 



drwxr-xr-x u45753987 



drwxr-xr-x 
drwxr-xr-x 
drwxr-xr-x 
drwxr-xr-x 
drwxr-xr-x 



u45753987 
u45753987 
u45753987 
u45753987 
u45753987 



Figure 2.58 : La suppression du dossier d'installation 

35 Pour acceder a l'interface d' administration de votre site Joomla, 
c'est-a-dire a l'espace qui vous est reserve et depuis lequel vous 
pourrez modifier le site, ouvrez un nouvel onglet dans votre 
navigateur Internet (par la commande Fichier/Nouvel onglet) et 
saisissez l'adresse du site, en lui ajoutant la chaine de caracteres 
/administrator. Dans cet exemple, le chemin d'acces est done 
http : //www. f orma t ions-info rmati que s-nancy. mo saique 
inf ormatique . f r/administrator/. 

La page de connexion a l'interface d' administration de Joomla apparait. 

36 Dans la zone Identifiant, saisissez admin. 

Ce nom d'utilisateur, cree par defaut a l'installation de Joomla, pourra 
etre change ulterieurement pour plus de securite. 

37 Dans la zone Mot de passe, saisissez le mot de passe que vous 
avez defini lors de l'installation. 

38 Cliquez sur le bouton Connexion. 

La page d'accueil de l'interface d' administration de Joomla est affichee. 
Les choses serieuses peuvent commencer... 



2.6. Check-list 

■ Le CMS Joomla est telechargeable gratuitement en ligne. 

■ II en va de meme pour le serveur Apache et la configuration de 
base de donnees MySQL et PHP. 
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■ Ces derniers composants peuvent etre facilement installes sur 
votre ordinateur, a des fins de tests. 

■ De nombreux hebergeurs, gratuits ou a moindre couts, proposent 
differents types d'hebergements. II vous sera aise de choisir le 
plus adapte a vos besoins. 

■ L' installation de Joomla s'effectue en quelques instants, sur votre 
serveur local ou chez un hebergeur grace a un installateur ne 
necessitant pas de connaissances specifiques en programmation. 
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Se familiariser avec Joomla 



Avant de vous lancer dans 1' utilisation et la personnalisation du systeme, 
prenez quelques instants pour en decouvrir les principales 
fonctionnalites. Vous aurez ainsi une vision globale des possibilites 
offertes par Joomla. 



3.1. Lefrontend 

Commencez votre visite par la partie publique du site (frontend), qui 
sera accessible aux internautes. Vous decouvrirez ensuite l'interface 
d' administration du systeme (backend). Nous n'aborderons pas en 
details des nombreux elements qui composent ces deux parties, 
l'objectif de cette section est uniquement de vous permettre d'effectuer 
une premiere visite globale de Joomla. 

Depuis votre navigateur Internet, connectez-vous a la page d'accueil du 
site, en utilisant soit l'adresse sur votre serveur web local 
(http: //127 . . . 1/site-l-joomla/) dans notre exemple, soit 
celle creee chez votre hebergeur. Pour vous familiariser avec Joomla et 
effectuer des tests, il est plus rapide d' avoir recours a votre installation 
locale (nous utiliserons cette solution dans la majorite des cas decrits 
dans ce livre). 



-0 



REMAROUE 



Demarrer le serveur local avant d'utiliser Joomla 

Lorsque vous eteignez votre ordinateur, il est preferable d'arreter au 
prealable votre serveur Apache, apres vous etre deconnecte de l'interface 
d' administration par un clic sur le bouton Deconnexion, propose en haut 
et a droite de la fenetre du backend. Pour ce faire, cliquez du bouton 
droit sur l'icone d'EasyPHP, affichee dans la Barre des taches, puis 
choisissez Quitter, dans le menu contextuel qui apparait. 





Aide 




► 




Fichiers Log 




► 






Configuration 




► 




Explorer 




F8 






Administration 




CTRUA 






Web local 




F7 






Redemarrer 




F5 






Ameter 




B 






Quitter 


b 


■' 





Figure 3.1 : 

Le menu contextuel d'EasyPHP 



86 



LE GUIDE COMPLET 



Le f rontend 



Chapitre 3 



1 % = i} m 



REMAROUE 



Si votre serveur Apache est arrete (vous avez eteint votre ordinateur 
ou vous avez arrete le service), vous ne pourrez acceder a une version 
locale de Joomla qu'apres avoir relance le serveur, en cliquant sur le 
bouton Demarrer puis sur Tous les programmes/EasyPHP 3.0/EasyPHP. 



Cette partie publique du site se compose de plusieurs elements qui 
pourront etre conserves ou desactives (d'autres, non visibles ici, 
pourront egalement etre ajoutes). De meme, si la charte graphique 
proposee par defaut ne vous convient pas (polices de caracteres, 
couleurs, images de fond, disposition des elements, etc.), vous 
decouvrirez plus loin qu'elle peut, tres aisement, etre changee. 

Voici les modules essentiels, visibles dans cette page, composee pour 
l'instant de textes et d'images d'exemples : 



une banniere de haut de page, integrant un logo ; 



I £4 Joomla! 



Joomia' mai-ci I tj:-, -,:■ i^.j-^-i j kVoo :ilcol ir-, ij-.a rttinur :ou wonl iwatfuK i« v |GU a p o nulling ala'go 
■yJir-t oymrnrttt. Awinla! Jlcwa r&j Id oipltf a n-f-v snn iriihn; vti ao<j t.4ia njn-JbDtilitf a* you fiiic It t^ 
tj-Jirttt rf avalac--: Eylenna-ns All help lo *-<Bjnd lour Hta *td inw f>j lo oai>«r rich 5tr.ic« fr-il rdcc-a >om 

■ ■Hch inln Dm Inlnmrf 






Figure 3.2 : La zone de banniere de haut de page 

des menus, horizontaux et verticaux, permettant la navigation sur 
le site ; 



r 1 
Resources 


t 


Joomla 


Home 


* 


Joomla 


Forums 


* 


Joomla 


Documentation 


• 


Joomla 


Community 


■ 


Joomla 


Magazine 


w 


OSMHc 


<me 


* 


Adminis 


itrator 




Figure 3.3 : 

Deux menus verticaux 



differents composants (derniers articles, articles les plus lus, 
sondage, zone de recherche, formulaire d' identification, indicateur 
du nombre de visiteurs actuellement en ligne, etc.) ; 
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Polls 

Joomla! is used for? 
Community Sites 
Q Public Brand Sites 
O e Commerce 
O Blogs 
O Intranets 

Q Photo and Media Sites 
f) All of the Above! 



Vote 



Resultats 



Who's Online 

Nous avons 1 invite en ligne 



Figure 3.4 : 

Un module de realisation de sondages et un 
autre affichant le nombre de visiteurs sur le site 



une zone d'affichage de bannieres publicitaires ; 



r 



Plus d'articles... 

• What languages are supported by Joomla! 1.5? 

» Only one edit window! How do I create "Read more..."? 

« Debut Prec 1 2 Suivant Fin s 
Page1de2 




Look Sensational with 

gear from the Joomla! Shop 



m. 



Copyright©2009 Site Joomla local. Tous droits reserves. 
Joomla! est un logiciel libre sous licence GNUyGPL. 



Figure 3.5 : 

Une zone est 
dediee a laffichage 
de bannieres 
publicitaires, en 
bas de page 



une zone principale affichant le contenu a proprement parler de la 
page (textes et images). 



Welcome to the Frontpage 

Joomla! Community Portal 

Ecrit par Administrator 
Samedi. 07 .Juillet 2007 09:54 



ifel © E3 



The Joomla! Community Portal is now online. There, you will find a constant source of information 
about the activities of contributors powering the Joomla! Project. Learn about Joomla! Events 
worldwide, and see if there is a Joomla! User Group nearby. 

The Joomla! Community Magazine promises an interesting overview of feature articles, community 
accomplishments, learning topics, and project updates each month. Also, check out 
JoomlaConnect™. This aggregated RSS feed brings together Joomla! news from all overthe world 
in your language. Get the latest and greatest by clicking here. 



Mise a jour le Samedi, 07 Juillet 2007 09:54 



We are Volunteers JB © Ea 

Ecrit par Administrator 
Samedi, 07 Juillet 2007 09:54 

The Joomla Core Team and Working Group 
members are volunteer developers, designers, 
administrators and managers who have worked 
together to take Joomla! to new heights in its 
relatively short life. Joomla! has some 
wonderfully talented people taking Open Source 
concepts to the forefront of industry standards. 
Joomla! 1.5 is a major leap forward and 
represents the most exciting Joomla! release in 
the history of the project. 

Mise a jour le Samedi. 07 Juillet 2007 09:54 



itl ©E3 



Joomla! Security Strike 

Team 

Ecrit par Admin strator 
Samedi. 07 Juillet 2007 09:54 

The Joomla! Project has assembled a 
top-notch team of experts to form the new 
Joomla! Security Strike Team. This new team 
will solely focus on investigating and 
resolving security issues. Instead of working 
in relative secrecy, the JSST will have a strong 
public-facing presence at the Joomla! Security 
Center. 

Mise a jour le Samedi, 07 Juillet 2007 09:54 
Lire la suite... » 



Figure 3.6 : 

Un exemple de 
contenu textuel 
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3.2. Le backend 



Vous allez maintenant decouvrir 1' interface d' administration de Joomla 
(backend), grace a laquelle vous pourrez creer et modifier tous les 
elements constitutifs de votre site web. 

Procedez ainsi : 

1 Depuis votre navigateur Internet, connectez-vous au backend, en 
utilisant soit l'adresse sur votre serveur web local 
(http : //127 . . . 1/site— 1— joomla/ administrator dans 
notre exemple), soit celle creee chez votre hebergeur (l'adresse 
sera alors du type http: //www. votrenomdedomaine/ 
administrator). Une fois encore, nous vous conseillons de 
realiser vos premiers tests sur votre serveur local car les 
operations seront plus rapides a realiser et vous pourrez vous 
livrer a toutes les experimentations de votre choix, sans risque 
d' alteration du bon fonctionnement de votre site reel. 

2 Dans la page de connexion qui est affichee, saisissez votre 
identifiant et votre mot de passe puis cliquez sur le bouton 
Connexion. 

Les fonctionnalites de 1' interface de Joomla seront detaillees dans le 
chapitre qui suit. Le rapide parcours que nous vous proposons ici n'a 
d' autre interet que de vous permettre de decouvrir quelques rouages 
essentiels et significatifs du systeme, afin de vous familiariser avec le 
CMS. 



Decouvrir le gestionnaire d'articles 

C'est au moyen de cette fonctionnalite que vous pourrez rediger les 
articles affiches dans les pages. lis sont essentiellement composes de 
textes et d' images. 

1 Depuis 1' interface d' administration cliquez sur Site/Panneau 
d'administration (voir Figure 3.7). 

2 Cliquez sur le bouton Gestion des articles (voir Figure 3.8). 
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Joo 



Site Joomla loca. 



Site Menus Content Composants Extensions Outils Aide 



O Pa n n ea u tf'admin istratio n 



31 Gestionnaire des utilisateurs 
W Gestion des medias 

Configuration generale 
O Disconnexion 



t? 



r m 



des articles Gestion de la page Gestion des sections 
d'accueil 






l-ICC . 



Gestion des medias Gestion des menus Gestion des langues 






Gestion des 
utilisateurs 



Gestion des 
categories 



Configuration 



Figure 3. 7 : 

L'acces au 

panneau 

d'administration 




Gestion des medias Gestion des menus Gestion des langues Gestion des Configuration 

utilisateurs 



Figure 3.8 : 

Le bouton 
Gestion des 
articles 



Le gestionnaire des articles est affiche (son utilisation sera detaillee plus 
loin dans cet ouvrage). 
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Figure 3.9 : Le gestionnaire des articles 

3 Dans la colonne Titre, qui affiche les titres des articles, cliquez par 
exemple sur le premier lien. 
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Filtre: 



ApptquE 



Reinitiafiser 



# □ 



Titre 



1 O Example Pages and MernfrLinks 



m-iLin 

It 



What's New in 1.5? 



Joomla! Overview 
Extensions 



Figure 3. 70 : 

Vous avez clique sur le 
premier lien 



1 %J) t 



REMAfiOUE 



La langue des donnees d'exemples 

Les titres des articles affiches ici sont en anglais. II s'agit des donnees 
d'exemples, creees lors de 1' installation. Vous saurez bientot comment 
supprimer ces articles et aj outer les votres, en langue francaise. 



L'editeur WYSIWYG d' articles est affiche. Vous pouvez y observer, 
notamment, les boutons qui vous permettront de mettre en forme vos 
articles (au-dessus du texte de 1' article). 
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Figure 3.77 ; L'editeur d articles 

4 Quittez l'editeur sans sauvegarder vos eventuelles modifications 
en cliquant sur le bouton Fermer. 
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Previsualiser Sauver Appliquer 




Figure 3. 12 : 

Le bouton Fermer 



Decouvrir le gestionnaire de menus 

Les menus renferment les liens de navigation qui permettent aux 
internautes d'acceder aux pages composant le site. lis peuvent prendre 
differents aspects et etre actives ou desactives. II vous est egalement 
possible de creer vos propres menus. 

1 Cliquez sur le menu Menu/Main menu, qui permet d'acceder aux 
items du menu principal. 



f Joomla! Site Joomla local 



Site 



Menus 



Content! Composants Extensions Outils Aide 






ti Gestion des menus 
Cortjeille de menu 



Main Menu 



El User Menu 

Fiitre a Top Menu 

# Edi Resources 

^ EH Example Pages 



"W" 



2 



Ei Key Concepts 

El Amerkjuedu £ud 
I | j uu 1 1 na u v ei v lew 



s articles 



quer 



Reinitialtsef 



Titre 



nu Links 



Figure 3. 13 . 

Le menu 

Menu/Main 

menu 



Le gestionnaire d' element de menu apparait. 

2 Cliquez, par exemple, sur le lien Home, qui est le premier item du 
menu. 
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Fiitre: Appliquer ReinitiaEsef 












# Alias de menu 






1 □ Home 












2 O Joomla: 


Cliquez pour editer cet element de 
menu 

Home 






3 D . '~\ 






4 O Jccmla! 


License 
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Figure 3. 14 ; 

Le lien Home, dans le 
gestionnaire d'element de 
menu 



Le backend 
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L' alias de menu est affiche. 

3 Quittez 1' alias de menu sans sauvegarder vos eventuelles 
modifications en cliquant sur le bouton Fermer. 



Decouvrir le gestionnaire de medias 

Autre fonctionnalite essentielle de Joomla, le gestionnaire de medias 
vous permet d' importer dans le site les images et fichiers qui seront 
accessibles depuis les pages du site. 

Cliquez sur le menu Site/Gestion des medias. 



>fT Joonmlaf Site Joomla locaf^l 


Site Menus Contenu Composants Extensions 
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Panneau d 'ad ministration 
Gestionnaire des utilisateurs 
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des articles 
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■W Gestion des medias 


Gestion de la page 
d'accueil 






Configuration generale 
Deconnexion 





Figure 3.15 : 

Le menu Site/Gestion des 
medias 



Le gestionnaire de medias est affiche. II renferme des images copiees 
lors de P installation (vous pourrez y copier vos propres images). II se 
compose egalement de dossiers qui vous permettront d' organiser 
efficacement le classement des fichiers. 
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Figure 3. IS : Le gestionnaire de medias 
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Decouvrir le principe des templates 

La possibility de changer en un instant la mise en forme du site (au 
moyen des templates), sans affecter son contenu, est l'une des 
fonctionnalites les plus etonnantes de Joomla. Voici une petite 
manipulation qui vous permettra d'en apercevoir les possibilites. 




DEFINITION 



Template 

Ce terme anglais indique sous Joomla un modele de conception, c'est- 
a-dire un ensemble d' elements de mise en forme (polices, couleurs, 
boutons, visuels de fonds de pages, etc.) qui peuvent etre appliques 
simplement et rapidement sur tout ou partie du site. 



1 Cliquez sur le menu Extensions/Gestionnaire des templates. 



oomla! Site Joomla locai 



Site 



Menus 



Contenu Composants 



Site 



Extensions 
J Installer/Desinstaller 

Gestion des template GBt-nndB module 

5> Gestion n aire des plugins 
1 Gestionnaire des templates 



Administrateur 



: Gestion des langues 
Nom du Template 



beez 



Figure 3.17 : 

L'acces au 
gestionnaire des 
1 ' templates 

Le gestionnaire de templates est affiche. II presente la liste des templates 
installes sur le systeme (vous decouvrirez plus loin comment ajouter de 
nouveaux templates). 

2 Cochez, par exemple, 1' option placee a gauche du nom de 
template beez, affiche dans la colonne Nom du Template. 




Site Administrateur 



Nom du Template 



(a) beez 
A JA_Purity 



3 @ js Jamba 

. JSN_Epic_Free 
5 . rhuk_milkyway 



Figure 3. 18 : Le choix du template 
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Defaut 



Cliquez sur le bouton Defaut, place en haut et a droite de 
la fenetre du gestionnaire de templates. 



Vous venez de modifier le modele de mise en forme applique a votre 
site. Pour le verifier, cliquez sur Previsualiser, en haut et a droite de 
1' interface d' administration de Joomla. 



r 



Previsualiser 



1 



)econnexicn 



Figure 3. 19 : 

Le lien Previsualiser 



Le frontend est ouvert dans un nouvel onglet (ou une nouvelle fenetre, 
selon le navigateur Internet utilise). 

4 Cliquez sur le nouvel onglet ou ouvrez la nouvelle fenetre du 
navigateur affichant le frontend. 

Le contenu (textes et images) reste inchange mais sa presentation est 
radicalement differente grace a P application du template. 
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Figure 3.20 : Le frontend apres application du template 

Le retour au template d'origine se fait aussi facilement. 

5 Dans la nouvelle fenetre du navigateur affichant P interface 
d' administration de Joomla, cliquez sur le menu 
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Extensions/Gestionnaire des templates. Dans le gestionnaire de 
templates, cochez 1' option placee a gauche du nom de template 
rhuk_milkyway, affiche dans la colonne Nom du Template. 

Cliquez sur le bouton Defaut, place en haut et a droite de la 
fenetre du gestionnaire de templates. 

Ouvrez l'onglet ou la fenetre du navigateur affichant le frontend 
puis actualisez la page en cliquant sur le bouton d'actualisation du 
navigateur. 



Fichier Edition Affichage Historique Marque-pages Qutils ? 



m 



Disable" 






http://localhost''site-l-joomla/administrator/index.p 



Actualiser la page courante 



Site Joomla local - Administration X 



'.'. 



Images- ..._) Information- Miscellane 



| Welcome to the Frontpage 



Figure 3.21 : 

Le bouton Actualiser la 
page courante de Firefox 






REMARQUE 



L'actualisation d'une page 

Lorsqu'une page web est ouverte dans un navigateur Internet (Firefox, 
Internet Explorer, Chrome, Opera, Safari, etc.), elle est stockee dans une 
zone de memoire temporaire, nommee cache, du logiciel. Si la page est 
modifiee sur le serveur web, c'est la page renfermee dans le cache qui 
continue d'etre affichee par le navigateur, jusqu'a actualisation de 
celle-ci (l'actualisation est Taction qui consiste a demander au serveur 
web d'adresser une nouvelle fois la page au navigateur). 



Le template d'origine est a nouveau utilise. 




Figure 3.22 : Le nouveau template est applique et modi fie la mise en forme 
de la partie publique du site 
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3.3. Les menus de Joomla 

Si Ton fait abstraction des boutons presentes dans le panneau 
d' administration (accessible via le menu Site/Panneau d'administration) 
et qui sont des raccourcis vers les fonctions essentielles de Joomla, 
Faeces aux composants du systeme s'effectue toujours par les menus de 
1' interface. Les fonctionnalites qui leurs sont associees sont decrites 
dans ce qui suit. 



Le menu Site/Panneau d'administration 

Ce sous-menu permet d'acceder au panneau d'administration, qui 
pourrait etre assimile a une barre d'outils sur certains logiciels 
bureautiques, tels que Word, en ce sens qu'il propose differents boutons 
constituant des raccourcis vers les commandes essentielles des menus, 
tels que Faeces a la gestion des articles, des sections et des categories 
(ces notions sont abordees plus loin), des medias, des menus, des 
langues, des utilisateurs, ou encore de la configuration globale du 
systeme. 



O 



m 



T 



Ajouter un nouvel Gestion desartictes Gestian de la page Gestion des sections 
article dTaccueil 



m 



l-IQB * 



Gestian des medias Gestian des menus Gestion des langues 



SB 



Gestion des 
utilisateurs 



,1 



Gestion des 
categories 



Configuration 



Figure 3.23 : 

Les boutons composant 
le panneau 
d'administration 



Le menu Site/Gestionnaire des utilisateurs 

Ce menu permet d'ouvrir le gestionnaire des utilisateurs. 



* .<00< rir ^O< 3H« JOflfliU \<K1fl 


— « '— <~— "— ' - 


W9f ■*» 








is ■ ii ■* . . 


j£ G*ill«i dfii ullkuld-jrL 










JUL X iL 9 














Urn (A^^Ll'hAkH^J 


1 ->P^- ■ ^— ^— -F— J - 


_ 


•^ 


L-_ 


«i 





mm .i—i .■ * 




— 


■f 






!■« m*' ■ ■ 









Figure 3.24 : 

Le gestionnaire des 
utilisateurs 
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Le menu Site/Gestion des medias 

Ce menu permet d'ouvrir le gestionnaire des medias. II se compose de 
dossiers dans lesquels sont deposes les fichiers medias (images 
notamment) affiches dans les pages du site. 
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Figure 3.25 : 

Le gestionnaire 
medias 
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Le menu Site/Configuration generale 

Ce menu vous permet de modifier tous les parametres globaux du site 
(nom du site, description dans les moteurs de recherche, duree des 
sessions, parametres du serveur, etc.). 
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Figure 3.26 : 

Le gestionnaire de 

configuration 

generate 
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Le menu Site/Deconnexion 

Ce menu vous permet de quitter "proprement" Joomla. Entendez par la 
en fermant correctement les tables de la base de donnees. A Tissue de 
1' operation, vous ne serez plus connecte a 1' interface d' administration et 
devrez vous loguer a nouveau pour acceder au backend. 



Connexion a radministration de Joomla! 



Veuillez utilisez un identifiant 
et un mot de passe valide pour 
acceder a radministration. 

Retourner a la page d'accueil 
du site 




/■ \ 


Identifiant 




Mot de passe 




Lanque Defaut t 


Connexion ( 









Figure 3.27 : Apres deconnexion, il vous faudra vous identifier a nouveau 
pour acceder a /'interface d'administration de Joomla 






REMARflUE 



En cas de sortie anormale de Joomla 

Lorsque vous quittez le backend, il est necessaire d'operer par le 
menu Site/Deconnexion ou par le lien Deconnexion, propose en haut et a 
droite de la fenetre de 1' interface d'administration de Joomla, afin de 
cloturer correctement la base de donnees. 



Version 1.5.10 



(£j Previsualiser C 



O Decojinexion 



I Figure 3.28 : 

Le lien Deconnexion 



L'erreur, consistant a cliquer sur le bouton Fermer de votre navigateur en 
oubliant de vous deconnecter, est toutefois possible, pour ne pas dire 
probable, sur une longue periode d' utilisation. Pour pallier ce probleme, 
les concepteurs de Joomla ont prevu une procedure de secours : le menu 
Outils/Validation generale remet les tables de la base de donnees en etat en 
cas de probleme. 
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1 ^ = ^ 1 



REMAROUE 



N'hesitez pas a utiliser cette commande si l'acces a un article vous 



est interdit par un verrouillage de tables du au fait que l'un des 
administrateurs du systeme a quitte le backend sans se deconnecter, 
laissant les tables de la base de donnees ouvertes. 



Le menu Menus/Gestion des menus 

Les menus sont les elements essentiels de la navigation dans le site ; ils 
permettent en effet, via de nombreuses fonctions, l'acces aux pages qui 
composent le site Joomla. 

Ce menu permet d'acceder au gestionnaire de menus du site. 
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Figure 3.29 ; 

Le gestionnaire de 
menus 



Le menu Menus/Corbeille de menu 

Joomla dispose d'un systeme de corbeille, analogue, dans son concept, a 
celui de Windows, et qui repose sur le principe, lors de la suppression 
d'un element, de l'utilisation d'un espace de stockage intermediaire, 
avant la suppression definitive de l'item (afin de pouvoir le retrouver, si 
vous changez d'avis, sans devoir le recreer). 
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Figure 3.30 : 

Le gestionnaire de 
corbeille de menus 
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Le menu Menus/Main menu 

Cette commande, appliquee ici au premier menu de la liste (Main menu), 
permet de gerer les elements du menu (ceux-ci permettent d'acceder, de 
differentes fagons, aux pages qui composent le site). 

Joomla vous permet de creer un nombre illimite de menus. Le 
gestionnaire d' elements de menu peut etre utilise pour chacun d'entre 
eux. 
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Figure 3.31 : 

Le gestionnaire 
d'elements de menu 



Le menu Contenu/Gestion des articles 

Les articles sont les elements constitutifs de base des pages d'un site 
Joomla. Le gestionnaire des articles permet d'acceder a ceux-ci afin d'en 
modifier le contenu redactionnel. II offre egalement de nombreuses 
fonctions de classement des articles. 
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Figure 3.32 : 

Le gestionnaire 
d'articles 
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Le menu Contenu/Corbeille article 

Vous retrouvez ici le meme concept de gestion de corbeille, deja decrit 
precedemment a la section traitant du menu Menus/Corbeille de menu, 
applique, cette fois, a la gestion des articles. 
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Figure 3.33 : La corbeille d'articles 



Le menu Contenu/Gestionnaire des sections 

Les notions de sections et de categories, detaillees plus loin, sont des 
points importants pour l'administrateur d'un site Joomla, car chaque 
article appartient a une categorie, elle-meme element d'une section. 

Le gestionnaire de sections vous permet d'effectuer toutes les operations 
de creation, de suppression ou de modification de vos sections. 
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Figure 3.34 : Le gestionnaire de sections 



Le menu Contenu/Gestion des categories 

Le gestionnaire de categories vous permet d'effectuer les operations de 
creation, de suppression ou de modification de vos categories. 
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. 1 Gestlon des categories: 


[Contofiu] 
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Figure 3.35 : Le gestionnaire de categories 



Le menu Contenu/Gestion de la page 
d'accueil 

Joomla offre une possibility tres interessante, consistant a permettre 
Faeces a certains articles choisis, directement depuis la page d'accueil, 
en plus des acces traditionnels par les menus ou les liens hypertextes, 
d'un article vers un autre. 

Cette fonctionnalite vous permet, par exemple, de mettre en evidence, 
pour les lecteurs, vos derniers articles recemment publies. Elle peut 
ameliorer en outre la vitesse d'indexation d'un nouvel article dans les 
moteurs de recherche. 
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Figure 3.36 : Le gestionnaire de ia page d'accueil 
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Le menu Composants/Banniere/Bannieres 

Une autre fonctionnalite interessante repose sur une gestion sophistiquee 
de bannieres publicitaires. Lorsqu'elles sont cliquees, celles-ci ouvrent 
alors les sites web des annonceurs. 
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Figure 3.37 : Le gestionnaire de bannieres 



Le menu Composants/Banniere/Clients 

Ce composant est complementaire du precedent. II permet d'administrer 
vos clients (ou simples partenaires) pour lesquels des bannieres 
publicitaires sont affichees sur le site. 



Gestion des clients de banniere 
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Figure 3.38 : Le gestionnaire des clients de banniere 
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Le menu Composants/Banniere/Categories 

Ce composant est egalement complementaire des deux precedents. II 
permet de gerer des categories de bannieres publicitaires. 
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.1 Gestfon des categories: [Banner*] 
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Figure 3.39 : Le gestionnaire des categories de bannieres 



Le menu Composants/Contacts/Contacts 

Ce composant vous permet d'enregistrer les coordonnees des 
administrateurs du site, afin de proposer aux visiteurs du site d'entrer en 
contact avec eux par courrier electronique. 




Figure 3.40 : Le gestionnaire de contacts 



Le menu Composants/Contacts/Categories 

Ce composant est complementaire du precedent. II permet de gerer des 
categories de contacts. 
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1 1 Gestion des categories: [ Details du contact ] 
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Figure 3.41 : Le gestionnaire des categories de contacts 



Le menu Composants/Fils d'actualites/Fils 

Ce composant vous permet de stocker des listes de flux RSS, publies sur 
d'autres sites, afin de les afficher sur votre site Joomla. 
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Figure 3.42 : Le gestionnaire des fils dactualites 
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REMAROUE 



Les flux RSS 

Les flux RSS sont des informations publiees par certains sites web, 
tels que les journaux en ligne. II est possible, pour les internautes et les 
administrateurs d'autres sites de s'abonner a ces flux afin de les 



106 



LE GUIDE COMPLET 



Les menus de Joomla 



Chapitre 3 



REMAfiOUE 



consulter ou de les afficher dans des pages web (on parle de 
"syndication de contenus"). 



Le menu Composants/Fils d'actualites 
/Categories 

Ce composant est complementaire du precedent. II permet de gerer des 
categories de contacts. 



,j GesUon des categories: [Fiiidictuiiitt] 
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Figure 3.43 : Le gestionnaire des categories de fils d'actualites 



Le menu Composants/Sondages 



Ce composant vous permet de creer des sondages, destines a recueillir 
les avis des visiteurs du site. 



Gestion des sondages 
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Figure 3.44 : Le gestionnaire de sondages 
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Le menu Composants/Recherche 

Ce composant permet d'afficher des informations relatives aux 
recherches effectuees par la fonctionnalite de recherches offerte aux 
internautes sur le site. 
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Figure 3.45 : Le composant daffichage des statistiques de recherches 
effectuees sur le site 



Le menu Composants/Liens web/Liens 

Ce composant est utilise pour constituer des listes de liens vers des sites 
amis ou partenaires, et qui pourront etre affiches sur le site Joomla. 



Gestion des liens Web 
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Figure 3.46 : Le composant de gestion des liens web 



Le menu Composants/Liens web/Categories 

Ce composant est complementaire du precedent. II permet de gerer des 
categories de liens web. 
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Ji Geslion des categortes: |L«n»w.b| 
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Figure 3.47 : 

Le composant de 
gestion des 
categories de liens 
web 



Le menu Extensions/lnstaller/Desinstaller 

Cette fonctionnalite vous permet d' installer des extensions aux 
fonctionnalites natives de Joomla (composants, modules, plugins, 
templates) qui permettent d'accroitre les possibilites du systeme. 



,J Gestion des extensions 
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Figure 3.48 : 

Le gestionnaire 
d'extensions 



Le menu Extensions/Gestion des modules 

Cette fonctionnalite vous permet d'administrer les modules installes 
dans le systeme. 
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Gestion des modules 
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Figure 3.49 : 

Le gestionnaire de 
modules 
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Le menu Extensions/Gestionnaire 
des plugins 

Cette fonctionnalite vous permet d'administrer les plugins installes dans 
le sy steme. 



*!• Gestion des plugins 
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Figure 3.50 : 

Le gestionnaire de 
plugins 






REMAROUE 



Composants, modules et plugins 

Ces trois termes designent tous des extensions natives ou pouvant etre 
ajoutees a posteriori dans Joomla. Les composants sont les plus complets 
et constituent de veritables applications autonomes (commerce 
electronique, galerie d'images, etc.). Les modules sont des 
fonctionnalites plus modestes, qui necessitent une integration dans les 
pages pour exister (module d'affichage des articles les plus populaires, 
par exemple). Les plugins sont des fonctionnalites encore plus 
specifiques, qui ameliorent generalement un traitement (bouton 
d' insertion d'une image, par exemple). 



Le menu Extensions/Gestionnaire 
des templates 

Cette fonctionnalite vous permet d'administrer les templates (modeles 
de mise en forme) installes dans le systeme. 
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Figure 3.51 : 

Le gestionnaire de 
templates 



110 



LE GUIDE COMPLET 



Les menus de Joomla 



Chapitre 3 



Le menu Extensions/Gestion des langues 

Cette fonctionnalite vous permet de choisir la langue utilisee dans le 
sy steme. 



■ Gesfion des langues 
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Figure 3.52 : Le gestionnaire de langues 



Le menu Outils/Lire les messages 

Cette fonctionnalite, tres utile si plusieurs personnes participent a 
1' administration du site, vous permet d'administrer un sy steme de 
messagerie interne. 




Figure 3.53 : Le gestionnaire de messagerie 



Le menu Outils/Ecrire un message 

Cette fonctionnalite, complementaire de la precedente, permet 
d'adresser un message a un autre administrateur du site. 



Rediger un message prive 
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Figure 3.54 : Le gestionnaire d envoi de messages 
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Le menu Outils/Envoi massif d'email 

Cette fonctionnalite vous sera utile si vous souhaitez adresser une 
newsletter a un grand nombre d'abonnes. 
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Figure 3.55 : Le gestionnaire d'envoi massif de courriers electroniques 



Le menu Outils/Validation generale 

Cette fonctionnalite vous permet de fermer "proprement" les tables de la 
base de donnees, si le systeme a ete quitte anormalement. 
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Figure 3.56 : La validation generale du systeme 
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Le menu Outils/Nettoyer le cache 

Cette fonctionnalite vous permet de supprimer les fichiers mis en cache 
(memoire intermediate du site permettant d'accelerer les traitements). 
Vous y aurez recours si le site a ete profondement refondu et que vous 
souhaitiez voir les mises a jour immediatement appliquees. 
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Figure 3.57 : 

La fonction de vidage 
du cache 



Le menu Outils/Purger les fichiers expires 
du cache 

Cette fonctionnalite permet de supprimer les fichiers du cache. 
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Figure 3.58 : 

La fonction de vidage 
des fichiers expires 
du cache 



Le menu Aide/Aide Joomla! 

Cette fonctionnalite permet d'acceder a l'aide en ligne de Joomla, en 
langue anglaise. 
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Figure 3.59 : 

L'aide de Joomla 
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Le menu Aide/Infos systeme 

Cette derniere fonctionnalite permet d'afficher de nombreuses 
informations sur le systeme sur lequel est implements Joomla (infos 
systeme, parametres PHP, fichier de configuration, permissions des 
dossiers, informations PHP). 
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Figure 3.60 : Les informations systeme 



3.4. Check-list 

■ Des son installation, le site Joomla est operationnel et le 
webmestre peut commencer son travail de personnalisation et de 
redaction de contenus. 

■ La partie publique, ou frontend, visible des internautes, presente 
des fonctionnalites et des donnees d'exemples qui devront etre 
modifiees ou supprimees. 

■ L' interface d' administration, ou backend, donne acces a de tres 
nombreuses fonctionnalites, essentiellement par un systeme de 
menus deroulants. 
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Definir les parametres generaux 117 
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Creer des sections 1 22 

Creer des categories 1 25 

Creer et modifier des articles 1 28 

Check-list 158 



Chapitre 4 



Creer des articles 



Joomla met a votre disposition un ensemble de fonctionnalites web 2.0 
qu'il est temps de decouvrir et de mettre en oeuvre sur votre site. L'objet 
de ce chapitre est done de vous permettre de parcourir les principales 
fonctions natives du systeme. Elles sont nombreuses et efficaces, comme 
vous allez le constater... 




Web 2.0 

Ce terme recent designe un ensemble de fonctionnalites actuelles, 
mises en oeuvre sur les sites web : Web dynamique utilisant des bases de 
donnees plutot que des pages html statiques, echanges de billets, fils 
RSS, reseaux sociaux, video, audio, classements de sites confies aux 
internautes, reponses aux articles... 



4.1. Utiliser les commandes 
de I'interface d'administration 

Meme si l'aspect de I'interface de Joomla s'apparente a celui des 
logiciels installes sur votre ordinateur (tels que Word ou Excel), elle est 
fondamentalement differente en ce qui concerne son mode de 
fonctionnement. 

En effet, le noyau du systeme n'est pas un programme installe sur votre 
machine mais un ensemble de codes php et une base de donnees 
implementes chez votre hebergeur ou sur votre serveur web local. Par 
consequent, toutes les operations realisees se font par 1' intermediate de 
votre navigateur Internet. Concretement, il n'y a pas de difference 
conceptuelle entre naviguer sur un site Internet quelconque et naviguer 
sur le backend de Joomla, puisque celui-ci se compose d'un ensemble 
de pages web dynamiques. 

Toutefois, gardez a l'esprit que le role de I'interface administrateur de 
Joomla est essentiellement de permettre la mise a jour de la base de 
donnees qu' utilise le CMS et que ce traitement suit des regies 
d'ouverture et de fermeture de tables notamment. 

Afin de ne pas transgresser celles-ci, vous ne devez pas utiliser les 
boutons de navigation des pages recemment visitees proposes par votre 
navigateur Internet ; vous risqueriez de modifier l'ordre des traitements 
prevus par les concepteurs du systeme et creer ainsi des 
dysfonctionnements. 
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Fichier Editio 



1 



K 



Figure 4. 1 : 

Les boutons Reculer d'une page et Avancer d'une page du 
navigateur Firefox 



% ^f ^ M 



Figure 4.2 : Les boutons 
Precedent et Suivant du 
navigateur Internet Explorer 



Votre navigation au sein de 
1' interface d' administration de 
Joomla doit done toujours etre 
realisee en utilisant les boutons et 
les menus proposes par le systeme. 
Certains de ces elements sont 
presents sur tous les gestionnaires, 
afin de vous permettre de valider ou d'annuler Taction en cours. 

II s'agit des boutons suivants : 

Le bouton Sauver. Utilisez ce bouton pour enregistrer 
votre action (la modification d'un article, par exemple) et 
pour revenir a la page parente de la page en cours. 

Le bouton Appliquer. Utilisez ce bouton pour enregistrer 
votre action tout en restant dans la page en cours 
(generalement afin de tester le resultat de 1' operation 
dans un autre onglet affichant la partie publique du site). 





[©1 

Fermer 



Le bouton Fermer. Utilisez ce bouton pour annuler votre 
action, sans 1' enregistrer. 



Si toutefois, par megarde, vous avez eu recours aux boutons de 
navigation de votre navigateur, operez une validation globale via le 
menu Outils/Validation generale. 

Notez egalement que les menus ne seront pas accessibles pendant 
certaines operations necessitant d'etre cloturees avant toute autre 
manipulation. Ainsi, par exemple, les menus apparaitront en grise et ne 
seront plus reactifs aux clics pendant la modification d'un article. 



4.2. Definir les parametres generaux 

Certains parametres generaux necessitent d'etre definis a la creation du 
site, depuis le gestionnaire de configuration generale. 
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1 Cliquez sur le menu Site/Configuration generale. 

2 Le gestionnaire de configuration generale apparait. Vous allez y 
effectuer les manipulations suivantes. 



Parametrer le nom du site 

Le nom du site est utilise a differents endroits du site. Vous l'avez defini 
lors du parametrage initial du site. Vous pouvez le modifier a posteriori. 

1 Cliquez sur l'onglet Site. 

V 

A la rubrique Parametres du site est affichee la zone Nom du site. 
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Figure 4.3 : La zone Nom du site 

2 Modifiez, le cas echeant, le nom du site. 

3 Cliquez sur le bouton Appliquer du gestionnaire. 



Parametrer la longueur des listes 

Par defaut, la longueur des listes affichees dans les differents 
gestionnaires (articles, menus, modules, ...) est de 20 items. Cette valeur 
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peut etre modifiee dans les composants au moyen de la liste de la zone 
Affichage, proposee en bas des gestionnaires. 
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Figure 4.4 ; La zone Affichage, en bas du gestionnaire d 'articles, propose 
par defaut un affichage de 20 items 

Toutefois, lorsque le nombre d' elements des listes augmente, ce nombre 
se revele insuffisant, obligeant le webmestre a utiliser les boutons de 
navigation Suivant et Precedent pour faire defiler les pages de liens 
pointant vers les items. Nous vous conseillons done d'augmenter cette 
valeur a son maximum. 

1 Cliquez sur l'onglet Site. 

2 Dans la liste de la zone Longueur des listes, choisissez la valeur 
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3 Cliquez sur le bouton Appliquer du gestionnaire. 



Figure 4.5 : 

La valeur 
maximale de 
la zone est 
choisie 



Augmenter la duree de session 

Lorsque aucune touche n'est frappee pendant une duree de 15 minutes, 
la session du webmestre est fermee ; il lui est necessaire de 
s'authentifier a nouveau pour acceder au backend. 
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Cette fonctionnalite est une mesure de securite appreciable, empechant 
une personne d'utiliser le systeme, si le webmestre s'absente de son 
poste de travail en oubliant de cloturer sa session. 

II peut toutefois etre plus confortable d'augmenter cette valeur. 

1 Cliquez sur l'onglet Systeme. 

2 A la rubrique Configuration des sessions, dans la zone Duree de 
session, saisissez par exemple 60 minutes. 



Configuration des sessior 
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Duree de session 
Gestionnaire de session 


60 
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[S_ 
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Figure 4.6 : La duree de session est augmentee 
3 Cliquez sur le bouton Appliquer du gestionnaire. 



Parametrer le fuseau horaire 

Joomla etant un systeme international, il peut etre parametre pour tous 
les fuseaux horaires. 

1 Cliquez sur l'onglet Serveur. 

2 A la rubrique Parametres de localisation, dans la liste de la zone 
Fuseau horaire, choisissez si vous etes localise en France le fuseau 
horaire de Paris. 



Parametres de localisation 



Fuseau horair 



Parametr&s FTP 



Active r le FTP 

Serveur FTP 

Port FTP 

Identifiant FTP 

Mot de passe FTP 

Racine FTP 
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(UTC 46:00) Fleuie Standaid du Centre (US & Canada), Mexico 

UTC -05:00) Heuie Standaid de TEst (US & Canada), Bogota, Lima 

(UTC -04:30) Venezuela 
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(UTC +03:30) Teheran 
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Figure 4. 7 : Le choix d'un fuseau horaire 
3 Cliquez sur le bouton Sauver du gestionnaire. 
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4.3. Changer le login et le mot 
de passe administrateur 

Comme vous l'avez decouvert lors de la phase d' installation du systeme, 
le nom d'utilisateur par defaut, cree par Joomla, pour le premier compte 
administrateur, est admin. 

II est preferable, pour accroitre la securite d'un site publie chez un 
hebergeur, de remplacer ce login par un nom de votre choix. 

1 Cliquez sur le menu Site/Gestionnaire des utilisateurs. 

Le gestionnaire des utilisateurs apparait. 

2 Dans la colonne Nom, cliquez sur Administrator, nom qui a ete 
cree automatiquement lors de 1' installation de Joomla. 




Filtre: 



Appiquer I I Reinftoksef 



# D 



Nom a 



1 Administra tor 



Figure 4.8 : 

Le nom Administrator est clique 



Les parametres de l'utilisateur sont affiches. 



'Yi Utilisateur: [Editer; 



Details de l'utilisateur 

Nom 

Identifiant 

Email 

Nouveau mot de passe 

Confirmer le mot de 
passe 

Groupe 



Administratis 



athH^j 



ar-ath i*£_S@h;itr"a .cs"" 



Pubic Fiont-end 
. - Enregistie 
- Auteur 
- Ed iteur 

- Redacteur 
-Pubic Back-end 
-Gestionnare 

- Adminktrateui 



- Suoer AcrriristrEteLr 



Bloqjer l'utilisateur (♦) ^on (") q u j 

Recevoir les emails _ 

systeme Nor * 0ui 

Date description 20 0&-0 4-09 01:26:57 

Date de la derniere visite 2009-05-1710:02:17 



Figure 4.9 : 

Les parametres de 
l'utilisateur 
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3 A la rubrique Details de I'utilisateur, dans la zone Identifiant, 
saisissez un nouveau login. Modifiez le cas echeant le mot de 
passe en le saisissant dans les zones Nouveau mot de passe et 
Con firmer le mot de passe. 

4 Cliquez sur le bouton Sauver du gestionnaire. 

4.4. Creer des sections 

Le systeme de gestion des contenus de Joomla fait appel a trois notions 
conceptuelles : les sections, les categories et les articles. 

Les articles sont des elements redactionnels, principalement composes 
de textes et d'images. 

Pour les publier sur le site, Joomla dispose de plusieurs composants, 
offrant chacun des specificites qui seront decrites plus loin. II est ainsi 
possible de regrouper des articles traitant de sujets proches et entrant 
done dans de memes "families" et "sous-families". Celles-ci portent les 
appellations de "sections" et de "categories". 

Ainsi, un article appartient toujours a une categorie unique (les Cannes a 
peche, par exemple) appartenant elle-meme a une section unique (la 
peche en eau douce, par exemple). 

Ce classement hierarchique presente de nombreux avantages (disposer 
de composants affichant tous les articles d'une categorie ou d'une 
section, par exemple) que vous decouvrirez bientot. 






Difference entre article et page web 

REMARQUE 

Puisqu'un article est compose de texte, d'images et eventuellement 
d'objets multimedias tels que des videos, il est tentant de penser 
qu' article et page web sont des termes synonymes. Cela n'est toutefois 
pas obligatoirement le cas avec Joomla car le systeme autorise 
l'affichage, dans une meme page web, de plusieurs articles ou parties 
d' articles. 
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REMAfiOUE 




Figure 4.10 : L'imbrication des sections, des categories et des articles 
sous Joomla 



1 ^JJ 1 



REMARQUE 



Articles non categorises 

La version precedente de Joomla (numero l.O.xxx) autorisait la 
creation d' articles "non categorises", c'est-a-dire non rattaches a une 
categorie, elle-meme contenue dans une section. Cette operation n'est 
plus permise dans la version 1.5.xxx, utilisee ici. Plus exactement, la 
creation d'un article non categorise consiste aujourd'hui a lui affecter la 
categorie non categorise, elle-meme contenue dans la section non 
categorise. Methode elegante, de la part des developpeurs de Joomla, 
pour conserver le concept tout en normalisant la structure des tables de 
la base de donnees. 



V 

A titre d'exemple, vous allez creer une nouvelle section. 

1 Cliquez sur le menu Contenu/Gestionnaire de sections. 

Le gestionnaire de sections apparait. 

2 Cliquez sur le bouton Nouveau. 
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Figure 4.77 ; Le bouton Nouveau dans le gestionnaire de sections 
La fenetre de creation de la nouvelle section apparait. 
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Description 



Figure 4. 72 ; La fenetre de creation de ia nouveiie section 

3 Ala rubrique Details, dans la zone Titre, saisissez le nom que vous 
souhaitez affecter a la section, en rapport avec le theme de votre 
site web. 



Details 



Type: content 



Titre: Formations informatiques 

Alias: 



t> 



Publie: Non *■ ui 



Figure 4. 73 ; La saisie du titre de ia section 

Les autres zones de la fenetre ne seront pas modifiees pour l'instant. 
4 Cliquez sur le bouton Sauver. 
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De retour dans le gestionnaire de section, le nom de la nouvelle section 
a ete ajoute a la liste des sections deja existantes. 



il Gestionnaire de sections 






o 



Section sauvegardee 



Filtre: 



Appliquer Reinitialiser 



# 



Titre 




2 □ News 



3 D FAQs 



4 D Formations informatiques 



fe 



Figure 4. 14 ; Le nom de la nouvelle section figure desormais dans la liste 
des sections 

Vous allez maintenant, et de la meme fagon, creer quelques categories. 



4.5. Creer des categories 

Si Ton etablit une comparaison entre une section et une armoire, une 
categorie, elle, correspond a l'une des etageres de 1' armoire. Une etagere 
contient les differents elements que vous y avez ranges. Dans Joomla, 
ces elements sont des articles. 

1 Cliquez sur le menu Contenu/Gestion des categories. 

Le gestionnaire de categories apparait. 

2 Cliquez sur le bouton Nouveau. 

La fenetre de creation de la nouvelle categorie apparait. 
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, I Categorie: [ Nouveau 



Details 



Titre: 

Alias: 

Public: 

Section: 

Ordre de la categorie: 

Niveau d'acces: 

Image: 
Position de I'image: 



Non - Oui 



About Joomla! 



Les nouvelles categories sont creees par defaut en fin de liste. Leur 
ordre peut etre modifie une fois que vous avez sauvegarde. 



Enregistre 
Special 



-Selectionner I'image- -r 



Gauche 



Previsualiser 



Description 



Figure 4. 75 ; La fenetre de creation de la nouvelle categorie 

3 A la rubrique Details, dans la zone Titre, saisissez le nom que vous 
souhaitez affecter a la categorie. 





















Details 






1 








Titre: 


Formations bureautiques 






Alias: 


_[v 






1} 






Publie: 


1 Non ® Oui 







Figure 4. 16 : 

La saisie du 
titre de la 
categorie 



4 Deroulez la liste de la zone Section et choisissez la section 
precedemment creee. 



Details 



Titre: Formations bureautiques 
Alias: 



Publie: 



Non ° Oui 



Section: I About Joomla! 



About Joomla! 
Ordre de la categorie: |\j eW s 

FAQs 
Niveau d acces 




Figure 4.17 : 

Le choix de la 
section 



Les autres zones de la fenetre ne seront pas modifiees pour l'instant. 
5 Cliquez sur le bouton Sauver. 
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De retour dans le gestionnaire de categories, le nom de la nouvelle 
categorie a ete ajoute a la liste des categories deja existantes. 
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Figure 4. 18 : 

Le nom de la nouvelle 
categorie figure 
desormais dans la 
liste des categories 

Creez de la meme maniere quelques autres categories contenues dans la 
nouvelle section, et en rapport avec le theme de votre site web. 






REMAR0UE 



Organiser I'affichage des sections et des categories 

Le gestionnaire de categories, comme les autres gestionnaires 
(sections, articles, ...), affiche rapidement un grand nombre d' items, au 
fil de l'avancement de vos travaux. Vous pouvez choisir d' organiser 
I'affichage en modifiant le critere de classement des elements. Cliquez 
pour ce faire sur le titre de la colonne de votre choix (Titre, Publie, Ordre, 
Acces, Section ...). Vous pouvez egalement choisir de filtrer les items en 
saisissant un mot-cle dans la zone Filtre, presentee en haut et a gauche 
des gestionnaires. 



,J> Gestion des categories: [Contenu] 



Filtre: formations 



Appliquer 



Reinitialiser 



b 



# □ 



Titre 



Figure 4. IS ; La zone Filtre 
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4.6. Creer et modifier des articles 

Passees les etapes de creation des sections et des categories, vous allez 
maintenant pouvoir creer les premiers articles de votre site web. 

1 Cliquez sur le menu Contenu/Gestion des articles. 

Le gestionnaire d' articles apparait. 

2 Cliquez sur le bouton Nouveau. 

La fenetre de creation de 1' article apparait. 
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Figure 4.20 : La fenetre de creation de I' article 

Cette fenetre renferme toutes les fonctionnalites necessaires a la creation 
d'un contenu redactionnel de qualite, redige au format HTML. 






REMARQUE 



Modification d'un article existant 

La procedure de modification d'un article deja cree est identique. Elle 
s'effectue egalement depuis cette fenetre. Pour modifier un article 
existant, il vous suffit de cliquer sur son nom, dans la liste presentee par 
le gestionnaire d' articles. 



3 Dans la zone Titre, saisissez le titre de Particle. Ne remplissez pas 
la zone Alias pour P instant. 
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Figure 4.21 : La saisie du titre de I' article 









Titre 

Alias 








Creez votre site web 






fe 














I 



1 %=*}' 



REMAR0UE 



La zone Alias 

Cette zone peut etre laissee vide pour 1' instant. Son role est de vous 
permettre de generer des URL explicites, c'est-a-dire des adresses de 
pages renfermant des mots-cles significatifs dans le but d'ameliorer votre 
indexation dans les moteurs de recherche. 



4 Deroulez la liste de la zone Section et affectez une section a 
1' article. 



r 



Titre 



Alias 



Section 



Creez votre site web 



Nos livres 



4 



Selectionner une section 



r ' 
« i 



Non categorise 
About Joomla! 
j | News 
" FAQs 

Formations informati* 



-Styles- -I - 




<k it J 



Figure 4.22 : Une section est affectee a /'article 

5 Deroulez la liste de la zone Categorie et affectez une categorie a 
1' article. 
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Figure 4.23 : Une categorie est affectee a i 'article 
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6 Dans la zone principale de la fenetre, reservee a la saisie de 
1' article, saisissez le texte de 1' article ou copiez-y le texte de votre 
choix. 
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Figure 4.24 : Un texte est copie dans la zone de saisie de /'article 
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REMARflUE 



Copier/coller du texte de .'article 

II n'est pas obligatoire de saisir l'integralite du texte dans la zone de 
saisie de 1' article. Le contenu textuel peut en effet etre copie/colle depuis 
une source externe (page HTML, document Word, etc.). 

Pour eviter d'inserer des codes de mise en forme parasites, provenant de 
la source originelle, nous vous conseillons de proceder en deux etapes. 
Commencez par selectionner le texte a copier dans son emplacement 
d'origine puis collez-le dans le Bloc-notes de Windows (que vous ouvrirez 
par le bouton Demarrer de Windows puis par Tous les 
programmes/Accessoires/Bloc-notes). Dans le Bloc-notes, selectionnez 
tout le texte ( [ Ctrl ) h-[a]) puis copiez-le dans le Presse-papiers ( [Ctrl] +fc]). 
Utilisez la Barre des taches de Windows pour retourner a 1' interface de 
Joomla, cliquez dans la zone de saisie de 1' article et collez-y le texte 
(|CtrT|+rV1). 

Cette operation a pour effet de supprimer les eventuels controles de mise 
en forme du texte (le Bloc-notes etant un simple editeur de texte ne gerant 
pas la mise en forme). Le texte heritera alors des attributs de mise en 
forme definis dans 1' editeur d' articles de Joomla. 
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Ces quelques etapes sont suffisantes pour permettre la creation d'un 
article de base. Celui-ci pourrait deja, a ce stade, etre enregistre et 
publie. Bien entendu, vous disposez de nombreuses fonctionnalites vous 
permettant d'ameliorer sa mise en forme. Les principales d'entre elles 
sont decrites dans ce qui suit. 

Mais, avant d'aller plus loin, peut-etre souhaitez-vous visualiser 
1' article, tel qu'il le sera par les visiteurs de votre site. Pour ce faire, 
deux solutions s'offrent a vous : la pre visualisation dans une fenetre 
dediee a cet usage ou l'affichage de 1' article dans la partie publique du 
site. 



Previsualiser I'article dans une fenetre 
de previsualisation 

La methode de previsualisation la plus simple, et la plus rapide, consiste 
a cliquer sur le bouton Previsualiser, propose en haut et a droite de la 
fenetre de l'editeur d'articles. 

1 Cliquez sur le bouton Previsualiser. 




^ V o o 

Sauver Appliquer Fernner Aide 



Figure 4.25 ; Le bouton Previsualiser 

Une fenetre de previsualisation de I'article est affichee en surimpression 
de la fenetre de l'editeur d'article (voir Figure 4.26). 

2 Utilisez, le cas echeant, les barres de defilement proposees sur la 
droite de la fenetre de previsualisation, pour apprecier la mise en 
forme de I'article. 

3 La previsualisation terminee, fermez la fenetre en cliquant sur le 
bouton de fermeture, symbolise par une croix, dans Tangle 
superieur droit de la fenetre de visualisation (voir Figure 4.27). 
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Creez votre site web 
Tour d'horizon 

Internet est en perpetuelle expansion. Sa croissance s'accelere chaque jour. De plus, le reseau 
subit une permanente mutation. Car si le nombre de sites s'accroit chaque jour, I'utilisation qu'en 
font les internautes change egalement. 

II y a quelques annees encore, I'usage d'Internet se limita it T pour le plus grand nombre d'entre 
nous, a la consultation des sites. lis etaient parcourus comme le sont les Itvres : 
chronologiquement, methodiquement, en suirant lestrajets suggeres par les liens de navigation 
qui relaient les pages entre elles. 

Cette epoque est revolue : fini I'lnternet des parents, bienvenue dans le Web 2.0... On ne lit 
aujourd'hui plus seulement un site, on y regarde des videos, on y ecoute de la musique, on y 
laisse des avis. 

Le Web 3.0, celui de demain, sera encore plus surprenant. II integrera par exemple des milliers 
d'objets capables de communiquer entre eux, qui composeronttout notre environnement. 

Ce livre a pour objectif de vous faire decouvrir les differents types de sites Internet qui 
constituent la Toile. Vous comprendrez quelles solutions s'offrent a vous pour creer votre propre 
site et comment a ugmenter sa visibility dans les moteurs de recherche. La derniere partie de cet 
ouvrage sera consacree aux techniques qui vous permettront de generer des reven us financiers 
par I'affichage de publicizes sur votre site ou votre blog. 

1.1 Histoire d'Internet 

Si le Web d'aujourd'hui est deja bien loin de celui du debut, c'est-a-dire celui des annees 90, il 
n'est pourtant que le pale precurseur du quotidien d'un futur proche. 
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Figure 4.26 : La fenetre de previsualisation 




Figure 4.27 : 

La fermeture de la fenetre de previsualisation 



Previsualiser Particle dans le frontend 

La methode qui precede, dont l'avantage essentiel est l'immediatete, ne 
permet toutefois pas de visualiser 1' article dans son contexte reel, 
c'est-a-dire dans le site web. 

Si vous preferez cette seconde solution, vous devez rendre 1' article 
accessible, depuis la partie publique. Dans la plupart des cas, cette 
operation s'effectue par l'emploi d'un item de menu, operation que nous 
n'avons pas encore abordee. 

Une alternative simple s'offre pourtant a vous, si vous souhaitez 
consulter 1' article dans le frontend sans creer vers lui un lien dans un 
menu : I'utilisation de la fonctionnalite d'affichage des derniers articles, 
proposee par defaut sur la page d'accueil du site. 
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1 Cliquez sur le bouton Appliquer. 

2 Cliquez sur le lien Previsualiser, place a droite de la barre de 
menus de Joomla. 



Previsualtsen 
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T* 1 O Deconnexion 



Figure 4.28 : Le lien Previsualiser 
La partie publique du site est affichee dans un nouvel onglet. 
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Figure 4.29 : Le frontend est affiche dans un nouvel onglet du navigateur 

V 

A la rubrique Latest News, presentee en haut et a gauche de votre site 
Joomla, sont affiches 5 liens pointant vers les 5 derniers articles rediges. 
Le premier lien pointe vers votre article. 

3 Cliquez sur le lien pointant vers votre article. 



Latest News 

• Creez votre site web 

• Joomla! License-feuidelines 

• Content Layouts 

• The Joomla! Community 

• Welcome to Joomla! 



Figure 4.30 : 

Le lien pointant vers 
votre nouvel article 
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L' article est affiche dans son contexte reel, sur votre site web. 
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Figure 4.31 : Le nouvel article, affiche sur le site 



Mettre en forme le contenu de I'article 

Retournez a la fenetre de creation de I'article en cliquant, depuis votre 
navigateur Internet, sur l'onglet qui la renferme. 

Dans cette section, vous allez decouvrir tous les elements de l'editeur 
d' article, propose par defaut lors de l' installation de Joomla. 
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Figure 4.32 : Les boutons de mise en forme du contenu, proposes dans 
l'editeur 



1 %j}* 



REMARQUE 



L'editeur HTML 

Les articles de Joomla sont des parties de pages HTML. Le role de 
l'editeur de Joomla est de vous presenter, sous forme graphique, le 
contenu de I'article, et de vous permettre d'effectuer sa mise en forme 
par un ensemble de fonctionnalites (boutons, listes deroulantes, ...), puis, 
de maniere transparente pour l'utilisateur, d'enregistrer ce contenu a la 
norme HTML. 
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REMAROUI 



Bien que l'editeur par defaut (Tiny MCE) soit dote de fonctionnalites 
suffisamment evoluees pour vous permettre une mise en forme 
sophistiquee, vous pourrez, en outre, telecharger sur le site http://www 
joomlafrance.org, par exemple, des editeurs encore plus sophistiques, tels 
que le celebre editeur JCE. 



CJ 



lomldfr 



Celeorw t.fr 



&U1<- | fpruma | 




AlluuiI 



fciThlwt* 
Annujire 

l *i. fO d»miws Firri"f= 



Joonilaf ranee :: Gestlonnaire de fi chiefs 



Jl.SEditBurHTML -> 

t*cur WYHW¥C 
r.jii-;-;rJ! 



Get Help 

For 

JoomEa 

Now! 



C8 



5 JCE 

tMlllT M»T« JC£ 



Pi I Hm Jtehlim 









Jfc.41 TELfCrtAfiGEft 


y 




rCLCCfWMKEfi 





.^.■.|--|--- ..-l^llT T 



4 



UtrftftM tm pour pcppflair urt HcMtf 




Figure 4.33 : Le telechargement de l'editeur JCE, a I'adresse 
http:/ /www. joomlaf ranee. org/telecharger/select/J1 . 5_Editeur_ 
HTML/par_titre/1 . html 



Voici la liste des principaux boutons de l'editeur, dans l'ordre de leur 
presentation a l'ecran, et leurs fonctions associees : 



H 
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Le bouton Bold permet de mettre la selection en 
caracteres gras. 



Le bouton Italic permet de mettre la selection en 
caracteres italiques. 

Le bouton Underline permet de mettre la selection en 
caracteres soulignes. 
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Le bouton Strikethrough permet de mettre la selection 
en caracteres barres. 
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Le bouton Align left permet d' aligner le paragraphe a 
gauche. 



Le bouton Align center permet de centrer le paragraphe. 
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Le bouton Align right permet d' aligner le paragraphe a 
droite. 



Le bouton Align full permet de justifier le paragraphe. 




La liste Styles permet d'affecter un style defini dans le template. 




I 



I caption 
sy ste rn-p ag e b re ak 



Figure 4.34 : 

La liste des styles 



La liste Format permet d'affecter un format HTML a la selection 
(cette fonctionnalite est particulierement utile pour affecter des 
niveaux hierarchiques - titre 1, titre 2. . .- a des paragraphes) (voir 
Figure 4.35). 

La liste Font family permet d'affecter une famille de polices de 
caracteres a la selection (voir Figure 4.36). 

Le bouton Unordered list permet d'affecter le style 
liste a puces a la ligne selectionnee. 
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H — Format — 



Format 



XT" 
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n Paragraph 
Address 

Preformatted 
Heading 1 
Heading 2 
Heading 3 
Heading A 
Heading 5 
Heading 6 r 
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Figure 4.35 : 

La liste des formats HTML permettant de 
definir des niveaux hierarchiques 
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- Font fa 



Andale Mono 
Arial 

Arial Black 
Book Antiqua 
Comic Sans MS 
Courier New 
Georgia 
Helvetica 
Impact 
Symbol 
j Tahoma 
Terminal 

Times New Roman 
Trebuchet MS 
Verdana 
Webdings 
Wingdings 
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- - Font family - 
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Figure 4.36 : 

La liste des families de 
polices 



Le bouton Ordered list permet d'affecter le style liste 
numerotee a la ligne selectionnee. 



Le bouton Outdent permet de reduire le retrait du 
paragraphe. 
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Le bouton Indent permet d'augmenter le retrait du 
paragraphe. 



Le bouton Undo permet d'annuler la derniere operation 
effectuee. 

Le bouton Redo permet de repeter la derniere 
operation effectuee. 

Le bouton Insert/edit link permet de creer ou d'editer 
un lien hypertexte sur la selection. 



Le bouton Unlink permet de supprimer un lien hypertexte 
sur la selection. 



Le bouton Insert/edit anchor permet de creer ou 
d'editer une ancre de lien hypertexte sur la selection. 

Le bouton Insert/edit image permet d'inserer une image 
dans un texte ou d'en editer les proprietes. 

Le bouton Cleanup messy code permet de supprimer 
les attributs de mise en forme, lorsque du texte est 
copie/colle depuis une autre application. 

Le bouton Edit HTML Source permet d'editer le code 
HTML de 1' article, afin d'y apporter des specificites 
non prises en charge par l'editeur HTML. 

Le bouton Find permet d'effectuer la recherche d'une 
chaine de caracteres dans le texte de 1' article. 



Le bouton Find/Replace permet d'effectuer le 
remplacement d'une chaine de caracteres dans le texte 
de 1' article. 
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Le bouton Insert date permet d'inserer la date dans le 
texte de 1' article. 



Le bouton Insert time permet d'inserer l'heure dans le 
texte de 1' article. 



Le bouton Emotions permet d'inserer un emoticone 
dans le texte de 1' article. 



Le bouton Insert/edit Embedded media permet 
d'inserer un fichier multimedia dans le texte de l'article. 



Le bouton Insert new layer permet d'inserer un caique 



A 



dans le texte de l'article. 



Le bouton Select text color permet d'affecter une 
couleur specifique au texte selectionne dans l'article. 




Le bouton Insert horizontal ruler permet de tracer une 
ligne horizontale dans le texte de l'article. 









Le bouton Remove formatting permet de supprimer les 
attributs de mise en forme sur le texte selectionne. 



Le bouton Toogle guidelines/invisible elements permet 
d'afficher les contours des tableaux inseres dans le texte 
de l'article. 

Le bouton Subscript permet d'affecter au texte 



selectionne la position Indice. 



I Le bouton Superscript permet d'affecter au texte 
selectionne la position Exposant. 
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Le bouton Insert custom character permet l'insertion 
de caracteres speciaux dans le texte de 1' article. 

Le bouton Horizontal rule permet l'insertion d'une ligne 
de separation horizontale de largeur et de hauteurs 
parametrables dans le texte de 1' article. 

Le bouton Inserts a new table permet 1'insertion d'un 
tableau dans le texte de 1' article. 



Le bouton Table row properties permet de modifier les 
proprietes de la ligne selectionnee dans un tableau de 
1' article. 

Le bouton Table cell properties permet de modifier les 
| proprietes de la cellule selectionnee dans un tableau de 
1' article. 




Le bouton Insert row before permet d'inserer une ligne 
avant la ligne selectionnee dans un tableau de 1' article. 

Le bouton Insert row after permet d'inserer une ligne 
apres la ligne selectionnee dans un tableau de 1' article. 

Le bouton Delete row permet de supprimer une ligne 
selectionnee dans un tableau de 1' article. 

Le bouton Insert colomn before permet d'inserer une 
colonne avant la colonne selectionnee dans un tableau de 
1' article. 

Le bouton Insert colomn after permet d'inserer une 
colonne apres la colonne selectionnee dans un tableau 
de 1' article. 

Le bouton Remove colomn permet de supprimer une 
colonne selectionnee dans un tableau de 1' article. 
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Le bouton Split merged table cells permet de diviser des 
cellules precedemment fusionnees dans un tableau de 
1' article. 

Le bouton Merge table cells permet de fusionner des 
cellules selectionnees dans un tableau de 1' article. 

Le bouton Toggle fullscreen mode permet de basculer en 
mode Plein ecran (seuls les boutons d'edition de l'article 
sont affiches). 

Le bouton Edit CSS Style permet d'editer un style CSS. 
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REMARQUE 



Raccourcis clavier 

Des raccourcis clavier sont associes a la plupart des boutons de 
l'editeur. Leur fonction est de permettre de lancer une action par 
combinaisons de touches, action generalement plus rapide que celle de la 
souris ( [Ctrll +fB], par exemple, pour mettre le texte selectionne en gras). 
Pour connaitre ces combinaisons de touches, survolez quelques instants 
les boutons de l'editeur ; elles apparaissent dans de petites infobulles. 



Inserer une image dans le texte de l'article 

Bien qu'il vous soit possible d' inserer une image dans le texte de 
l'article grace au bouton Insert/edit image cite precedemment, la fenetre 
de creation de l'article vous offre une seconde opportunity, plus evoluee. 

1 Placez le curseur dans le texte de l'article, a l'endroit ou 
l'insertion doit avoir lieu. 




Imager - 

Image 



Cliquez sur le bouton Image, place en bas de 
la fenetre de creation de l'article. 



Une fenetre apparait en surimpression devant l'article. Celui-ci n'est 
plus accessible jusqu'a la fermeture de la fenetre (voir Figure 4.37). 

Les principales fonctionnalites proposees dans cette fenetre sont les 
suivantes : 
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Figure 4.37 : La fenetre d'insertion d'images 

■ Les vignettes des images. Lorsque l'une d'entre elles est cliquee, 
le nom de l'image, precede de son chemin d'acces, est insere dans 
la zone URL de I'image, vous evitant ainsi la saisie de cette 
derniere. 

■ Les vignettes des dossiers. Lorsque l'une d'entre elles est cliquee, 
le dossier correspondant est ouvert (vous pouvez avoir recours a 
la creation de dossiers afin d'ameliorer le classement de vos 
images, lorsque le nombre de celles-ci est important). Le dossier 
de stockage des images par defaut est images/stories. Vous pouvez 
egalement avoir recours a la liste deroulante, proposee en haut et 
a gauche de la fenetre, pour selectionner un dossier. Le bouton 
Haut, affiche a droite de cette liste, permet, quant a lui, de 
remonter au repertoire parent. 

■ La liste deroulante de la zone Aligner permet de choisir le type 
d'alignement de l'image (gauche ou droite). 

■ La zone Description de l'image vous permet de saisir une 
description de l'image. 

■ La zone Titre vous permet de saisir le titre de l'image, qui sera 
affiche dans le frontend lorsque le pointeur de la souris survolera 
l'image. Nous vous conseillons de toujours renseigner cette zone 
avec un contenu pertinent, en rapport direct avec l'image. Outre 
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l'information apportee a l'internaute et aux personnes 
malvoy antes, dont les logiciels d' assistance a la lecture sont 
capables de lire cette zone, ce contenu textuel est utilise par les 
moteurs de recherche pour le classement des sites dans leurs 
pages de resultats. 

La case Legende. Lorsqu'elle est cochee, elle genere l'affichage 
du titre sous la forme d'une legende, a cote de l'image. 

La rubrique Transferer. Cette fonctionnalite a pour consequence un 
gain appreciable de temps, lorsque le webmestre constate que 
l'image qu'il souhaite inserer n'a pas ete transferee sur le site 
depuis le gestionnaire de medias. Alors qu'il devait, dans la 
version precedente de Joomla, enregistrer 1' article et fermer 
l'editeur d'articles, puis retourner au gestionnaire de medias afin 
de transferer l'image avant de devoir ouvrir 1' article a nouveau, il 
peut desormais, grace aux boutons Parcourir puis Lancer le 
transfer!, transferer l'image directement depuis la fenetre 
d'insertion de l'image. 

Le bouton Inserer valide 1' insertion de l'image dans le texte de 
1' article. 

Le bouton Annuler annule Taction d'insertion de l'image. 



Creer un lien hypertexte 

Toute aussi utile que l'insertion d'image, la fonctionnalite de creation de 
liens hypertextes est indispensable. Elle vous permet, depuis une portion 
de texte ou une image, de creer un lien menant a une autre page de votre 
site (on parle alors de "lien interne") ou a une page quelconque, placee 
sur un autre site (on parle ici de "lien externe"). 

Voici le mode operatoire pour creer un lien hypertexte, depuis l'editeur 
d'articles : 

1 Selectionnez le texte ou l'image sur lequel vous souhaitez creer le 
lien hypertexte. 



peut etre place 3IrMTnr5 HJESe BWEffllifiElRiEff E. Son role| 

dessus, d'ouvrir une autre page ou de lancer une application. 



Figure 4.38 : Une partie du texte est selectionnee 
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2 Cliquez sur Insert/edit link, precedemment decrit. 
La fenetre Insert/edit link apparait. L'onglet General y est active. 
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General Popup Events 



General properties 

UnkURL 



Advanced 



1 



Anchors 



Target Open in this window / frame 



Title 



Class 



— Not set — 



Figure 4.39 : La fenetre Insert/edit link 

3 Dans la zone Link URL, saisissez ou collez l'adresse Internet de la 
page vers laquelle vous souhaitez faire pointer le lien hypertexte 
(l'adresse sera du type : http://www.mosaiqueinformatique.com). 

4 Si le lien pointe vers la meme page que celle dans laquelle vous 
etes en train de creer le lien hypertexte et si vous y avez place des 
marques au moyen du bouton Insert/edit anchor, vous pouvez 
indiquer le nom de l'ancre dans la zone Anchor. 

5 La zone Target propose, par defaut, le choix Open in this 
window/ frame. Cela signifie que le lien, une fois clique, ouvrira 
la page cible dans la fenetre actuelle. Si le lien pointe vers un 
autre site que le votre, vous perdrez l'internaute puisqu'il quittera 
votre site. Vous pouvez, dans ce cas, preferer ouvrir la nouvelle 
page dans une nouvelle fenetre. Choisissez, pour ce faire, 1' option 
Open in new windows (_blank) dans la liste deroulante de la zone 
Target. 

6 La zone Title est tres importante, meme s'il n'est pas obligatoire 
pour vous de la remplir. En effet, le contenu textuel saisi dans 
cette zone s'affiche, lorsque le lien hypertexte est survole, sous la 
forme d'une infobulle. Celle-ci ameliore l'accessibilite, pour les 
personnes handicapees disposant de logiciels specifiques, ainsi 
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que 1' indexation dans les moteurs de recherche, qui accordent 
beaucoup de credit a cet attribut. Saisissez-y un court texte, en 
rapport avec le sujet de la page vers laquelle pointe le lien, sous la 
forme d'une courte phrase, par exemple. 



Creer un lien vers une adresse email 

Si vous souhaitez que le lien pointe non vers une page web mais vers 
une adresse email, faite preceder cette adresse de la mention mail to: 
dans la zone Link URL. L' adresse sera alors du type 

mailto : georges@lesitedegeorges . f r. 



7 Cliquez sur le bouton Insert de la fenetre Insert/edit link. 



Creer un saut de page dans le texte 
de I'article 

Si I'article est de taille importante, vous pouvez choisir de le fractionner 
en plusieurs pages, qui seront accessibles par une table des matieres 
constituant une "mini-navigation", composee de liens hypertextes, 
affiches sur chacune d'entre elles. 

1 Cliquez dans le texte de I'article, a l'endroit ou vous souhaitez 
creer le saut de page. 

2 i 1 Cliquez sur le bouton Saut de page, 

Saut de page I pl ac ^ en bas de la fenetre de creation 



de I'article. 



Une fenetre apparait en surimpression devant I'article. Celui-ci n'est 
plus accessible jusqu'a la fermeture de la fenetre. 



e vveo i.u, ceiui ae a e ma in, sera encore pi us surprenant. it iniegrera par exem^ 




.JL HistQite. d'lnternet 



Figure 4.40 : La fenetre d'insertion du saut de page 
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Dans la zone Titre de la page, saisissez le titre qui sera affiche dans 
la barre de titre du navigateur, lorsque la portion de page sera 
affichee. Comme nous l'avons fait precedemment pour le titre 
d'une image, nous vous conseillons de toujours renseigner cette 
zone avec un contenu pertinent, en rapport direct avec la page ; 
cette information est utilisee notamment par les moteurs de 
recherche lorsqu'ils effectuent le referencement du site. 

Dans la zone Tableau des alias d'articles, saisissez le texte qui sera 
affiche dans la table des matieres. Si cette zone est laissee vide, le 
texte constituant le titre sera utilise par Joomla. 



>ans I Internet actuel, sou vent nomme "Web 2.0", le reseau est devenu partic 



Titre de la page: 
Tableaux des alias d'articles: 
Inserer un saut de page 




L'lnternet du futur 
Le web de demain 





Figure 4.41 : Exemple de textes saisis dans les deux zones 
5 Cliquez sur le bouton Inserer un saut de page. 

Dans l'editeur, le saut de page est figure dans le texte par une ligne 
pointillee. 



La presse papier nest pas non plus epangnee par ce changement de plus en plus radical des habitudes : 
un nornbre c-cissant d'irterai.tes p-eferent la lecture des jounau* en ' gne, sources multimedias 
gratuites d'infcrmatton, aux journaux imprimes. 

Les sites de constitution de reseaux sociaux, tels que Facebook ou Myface, ont transformed en quelques 
annees le Web des debuts en un lieu d'echange d'opinions et de conversations directes entre les 
intemautes. L'immense toile qu r est le Web relie desormais les indrvidus directement entre eux... 

Le Web de demain 

Le monde de George Orwell, auteur du celebre 1934 n'aura probablement pas lieu : Big Brother ne 
eontnolera pas les individus de maniere aussi totalitaire que I 'await imagine I'auteur. Mais la vigilance 
reste de mise car r techniquEment r tout sera bientot possible. 



. 



Image " Saut de page Lire la suite. 



Figure 4.42 : Le symbole du saut de page 
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Modification et suppression d'un saut de page 

Un saut de page ne peut pas etre modifie. Si vous souhaitez le 
modifier, vous devez le supprimer puis le recreer. Pour le supprimer, 
placez le curseur sur la ligne suivant le symbole du saut de page puis 
appuyez sur la touche (0. 



8 



Enregistrez les modifications et retournez a la gestion des articles 
en cliquant sur le bouton Enregistrer. 

Ouvrez l'onglet de votre navigateur dans lequel est affichee la 
partie publique du site puis cliquez sur le lien Home. 

Cliquez, a la rubrique Latest News, sur le lien pointant vers votre 
article. 



La table des matieres apparait dans la partie droite de 1' article. 



■ 



Creez votre site web 

Ecrit pac Administrator 
Jeudi, 21 Mai 20D9 09:23 



J- ^ 



Page 1 de 2 

Tourd'horizon Index de Particle 

C-re.ez votre site web 

Internet est en perpeluelle expansion. Sa eroissance s'a-ccelere ^e we " ° e aernain 

chaque' jour. De plus, le reseau subit une permanent* mutation. Car TouSes les pages 

si le nombre de sites s'accroTt chaque jour. I' utilisation qu'en font ^ 
ies interns btes charge egalement. 



Figure 4.43 : La table des matieres 

En bas de la page, sont desormais affiches des liens de navigation vers 
les pages constituant 1' article. 



Les sites de constitution < 
quelques annees le Web 
directes entre les internal 
directement entre eux... 



Prec - Suivant » 



Figure 4.44 : 

Les liens de navigation 



Dans la barre de titre du navigateur est affiche le titre de 1' article. 



LE GUIDE COMPLET 



147 



Chapitre 4 



Creer des articles 



ai£ 



Fichier Edition Affichage HistoriqueL^Marque-pages Outils ? rICJUrB *#«*#0 I 

Le titre de la page 

9 Dans la table des matieres, cliquez, sur le lien pointant vers la 
seconde page de 1' article et portant le libelle saisi precedemment 
dans la zone Tableau des alias d'articles. 



Index de I'article 

Creez votre site web 
Le web de demain 

^5 

Toutes les pages 



Figure 4.46 : 

Le lien pointant 
vers la seconde 
page de I'article 



*o> 



REMARflUE 



Deplacement dans les pages 

Pour vous deplacer dans les pages, vous pouvez egalement utiliser les 
liens de navigation generes automatiquement en bas de page. 



La seconde page apparait, avec la mention "Page 2 de 2". 



Mam Menu 



* Heme 

* Joomle! Overview 

* Joomla! Ltcercie 

i More about Joomla! 
- FAQ 

■ The Newi 

* WebUnki 

* New i Feed i 



Creez votre site web 

Creez votre site web - L'lntemet du futur *■ *i-i 



JNNL 21 Ito) 2000 0029 

Pa(ja2fe2 K 

Lemfede<J£main lnd " 1 a * r * mM 
Le mon*« de (Uxaqt-. avid. auTcur du cfWfcf e 1984 naur a pr olMBUHrwrt (Mft leu Sq 6rc«i*r na Lfi ^ ^ ^^^ 

cortrafef ft pas ft* indwidus dfr rtlinfr ft ftu$*i ■OUILurih <p>e f itwiil imaging Ta Jh)u Mais la vigilant J&jfr$ %$ oaueS 
r«*edt rtiSttaj, [(xfKKquCTnctH. [oufida bicrttt pmaWe 



Figure 4.47 : La seconde page 

Dans la barre de titre du navigateur est affiche le titre saisi 
precedemment dans la zone Titre de la page. 

lORepetez 1' operation autant de fois que necessaire pour creer 
d'autres sauts de page. 
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Vous allez maintenant decouvrir les principaux parametres de 
personnalisation de 1' article. 



Definir les parametres de I'article 
Les parametres par defaut 

Afin de vous eviter de redefinir les parametres lies aux articles dans 
chacun d'entre eux, Joomla autorise la definition d'un ensemble de 
parametres generaux qui sont appliques par defaut aux articles. Vous 
conservez toutefois la possibility de modifier ponctuellement ces 
parametres dans chacun des articles. 

1 Cliquez sur le menu Contenu/Gestion des articles. 

La page de gestion des articles apparait. 

2 Depuis la page de gestion des articles, cliquez sur le bouton 
Parametres. 






1 / Q> '< O 




Deplacer Copter Corbeilfe Editer Nouveau Parametres Aide 



Figure 4.48 : Le bouton Parametres, affiche dans la partie 
superieure droite du gestionnaire d'articles 

Une fenetre apparait en surimpression devant le gestionnaire d'articles 
(voir Figure 4.49). 

3 Modifiez, le cas echeant, les parametres que vous souhaitez 
appliquer par defaut aux articles (les principaux parametres de 
cette liste sont expliques dans la section qui suit). 

4 Cliquez sur le bouton Sauver afin de quitter la fenetre en 
sauvegardant les modifications ou sur le bouton Annuler pour 
quitter sans sauvegarder. 
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Afllcher I* tine de I'anitle 
Trtrvi diqusblfls 

Afflcher le texte 

d'inlreduction 

N04TI de I J SC-Cli on * r/irsuiJHr l,1ait i*?i 

Ti*r» de «c(ion cliquabla * N„ n Oij 

Nohi d- caligoris » Hasquw Mn»« 

Hom de caiegorle 

cliquafcls * Non C?|J 



Norn d> 1'aulaur 

Date st hsur* de creation 

Dale el heure de 

modification 









Lire ia suite... Lien 



EvalujEioniYnEE dc 

1'irtlclt * Masquer 



Montrer 



ijBBBHHHifllU^ 



Figure 4.43 : La fenetre de gestion des parametres par defaut 



Les parametres specifiques de .'article 

Les parametres definis par defaut peuvent etre modifies ponctuellement 
pour chacun des articles. 

1 Cliquez sur le menu Contenu/Gestion des articles. 

La page de gestion des articles apparait. 

2 Utilisez, le cas echeant, les listes des zones Selectionner une 
section, Selectionner une categorie, Selectionner un auteur ou/et 
Selectionner un etat pour filtrer les titres d' articles affiches. 



Nos livres 



Selectionner une section 
a Non categorise 
About Joomla! 

News 
FAQs 

Formations informs tiques 



'os livres 



-zr 



j\. 



Selectionner une categoric - - - Selectionner un auteur - 
Acces Section*- Categorie Auteur 



Public Nos livres 



Internet 



Administrate 



Figure 4.50 : Les articles sont id f litres sur la section 
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3 Cliquez sur le lien pointant vers 1' article precedemment cree et 
portant le nom de 1' article. 

L' article est de nouveau affiche dans l'editeur d' articles. 

Les parametres non modifiables 

Dans la partie superieure droite de la fenetre sont affichees des 
informations non modifiables (a 1' exception du compteur de clics, qui 
peut etre reinitialise). 



ID de Tarticle: 


47 




Etat 

Clics 

Revise 


Publie 






18 Reinitialiser 




12 fois 




Cree 


Jeudi, 21 Mai 2009 09:23 


Demi ere modification 


Lundi,25Mai2009 21 


:37 



Figure 4.51 ; Les informations non modifiables 
Ces informations sont les suivantes : 

■ l'identifiant de Tarticle, qui se compose d'un numero unique, 
affecte automatiquement par Joomla ; 

■ l'etat de publication de Tarticle ; 

■ le nombre de clics, qui indique le nombre de fois ou Tarticle a ete 
affiche dans le frontend (cette valeur peut etre reinitialisee au 
moyen du bouton Reinitialiser) ; 

le nombre de revisions, qui indique le nombre de modifications 
enregistrees depuis que Tarticle a ete affiche, modifications 
effectuees par vous-meme ou d'autres administrateurs du site, 
dans l'editeur d' articles du backend ; 

■ la date de creation de Tarticle ; 

■ la date de derniere modification de Tarticle. 

Les parametres courants de Varticle 

Cliquez maintenant sur la zone Parametres - Article precedee d'une petite 
fleche verte, en dessous de la zone d'affichage des informations non 
modifiables, afin de faire apparaitre les parametres de cette rubrique. 
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▼ Parametres -Article 




Allteur Administrator - 




Pseudo de I'auteur 




Niveau d'acces Public 


liwwll 

111 

m 


Date de creation 2009-05-21 09 23 36 


Debut de publication 2009-05-21 09:23:36 


un de publication Jamais 





Figure 4.52 : Les parametres de la zone Parametres - Article 

Les parametres accessibles dans cette rubrique sont les suivants : 

■ L'auteur. 

■ Le pseudo de l'auteur, qui sera affiche, le cas echeant, en 
remplacement du nom de l'auteur. 

■ Le niveau d'acces, correspondant aux groupes Public, Enregistre et 
Special. 

■ La date de creation de 1' article, qui peut etre aisement modifiee 
par un clic sur un calendrier interactif, affiche lorsque le bouton 
place a droite de la zone de date est clique. 



Etat 


Public 








Clics 

Revise 

Cree 


sem 


Mai, 2009 


X 

» 




( Aujourd'hui 
Lun Mar Mer Jeu 


> 
Ven 


Dernier 

▼ Para 


17 
18 
19 


3 4 5 6 7 
11 12 13 14 


1 

8 
15 


9 




E3D 


8 19 20 ! 


21 22 


F 


21 
22 


25 26 27 28 


29 






Jeudi, Mai 21 












Date 


de crea 4 


tion 


2009-05-21 09:23:36 





Figure 4.53 : La saisie de la date de creation seffectue par un simple 
clic sur un calendrier 
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La date de publication. Ce parametre est utile si vous souhaitez, 
par exemple, preparer un certain nombre d' articles destines a etre 
diffuses pendant vos vacances, donnant ainsi l'illusion aux 
internautes (et aux moteurs de recherche) d'une mise a jour 
reguliere. L' article est publie des que la date de publication est 
atteinte. Par defaut, la date de publication est identique a la date 
de creation. 

La date de fin de publication. Ce parametre vous sera utile si vous 
souhaitez publier un article pendant une periode determinee, puis 
mettre fin a sa mise en ligne a une date donnee. 



Les parametres avarices 

Cliquez a present sur la zone affichant Parametres - Avarices, precedee 
d'une petite fleche verte, en dessous de la zone d'affichage Parametres - 
Article, afin de faire apparaitre les parametres de cette rubrique. Pour la 
plupart d'entre eux, c'est la valeur par defaut (correspondant au choix 
Parametres globaux dans les listes deroulantes des parametres) qui est 
proposee (mais une autre valeur peut etre choisie afin d'etre appliquee 
ponctuellement a 1' article). 

Les parametres accessibles dans cette rubrique sont les suivants : 

■ Le choix d'affichage ou de masquage du titre de 1' article. 

L'activation/desactivation de la fonctionnalite "titres cliquables". 



Param&tres - Avail ces 



h 



Afficher to titre Piir;»n£JmK rp^im - 

litres cJiquables Paraineries i>::{nnn t 

Texte d'introdLtction Parafn&rcs giobaiH * 

Horn de la ae-clion Param&res sfcjbaiK * 

Titre de section dlquable Pars*n*iras gfcAaiH » 

Ham de categorle Paraineires patera • 

Ham de cateaonia r— 

cllquawe ft,i "" !lK ! * <lilitlH ' 

Evaluation de I'article P«rmrie:i*;s ^titHim » 

Ham de I'auleur Param&ras patera - 

Date el heu re de creation Paramtlrvs sfotera * 

Date et heure de 

modification ^™ntt.« sWj«_lJ 

kOrie PDF Par*ini!iflK ^Jhjik * 

Icone imp-rimer Param&rcs potera - 

Ic-one email P.ir;unL i -:nj:; \j<.AKi\tx * 

Langue de Particle - s«*cbonnez une langue ■ 

Cle da reference 



Tex to alle rnatir" au L/re /a 
sutis: 



Figure 4.54 ; 

Les parametres de 
la zone Parametres 
- Avarices 
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Le choix d'affichage ou de masquage du texte d' introduction. 
Cette fonctionnalite est utile lorsque, par exemple, le titre d'un 
nouvel article est affiche en page d'accueil, suivi d'un court texte 
d' introduction, composant le debut de 1' article. II est alors 
possible de choisir si ce texte introductif est ou non affiche 
lorsque 1' article est consulte dans son integralite. 

Le choix d'affichage ou de masquage du nom de la section a 
laquelle est rattache 1' article, lorsque celui-ci est consulte (outre 
1' information supplementaire qu'il apporte a l'internaute, ce 
libelle peut ameliorer le positionnement de la page dans les 
moteurs de recherche, en apportant un element textuel en rapport 
direct avec le sujet de 1' article). 

L'activation/desactivation de la fonctionnalite "titre de section 
cliquable". 

Le choix d'affichage ou de masquage du nom de la categorie a 
laquelle 1' article est rattache, lorsque celui-ci est consulte (outre 
l'information supplementaire qu'il apporte a l'internaute, ce 
libelle peut ameliorer le positionnement de la page dans les 
moteurs de recherche, en apportant un element textuel en rapport 
direct avec le sujet de 1' article). 

L'activation/desactivation de la fonctionnalite "titre de categorie 
cliquable". 

L'activation/desactivation de la fonctionnalite permettant a 
l'internaute d'affecter une note a 1' article. 



Creez votre site web 

Note des utiiisateursiOOOOO / o 

Mauvais • Tres bien 

Nos livres 

Ecrit par Administrator 

Jeudi, 21 Mai 2009 09:23 



Note 

h 



Figure 4.55 : La fonctionnalite d 'affectation d'une note a /'article, par 
l'internaute, affichee id dans le frontend 

■ Le choix d'affichage ou de masquage du nom de l'auteur. 

■ Le choix d'affichage ou de masquage de la date et de l'heure de 
creation de 1' article. 

■ Le choix d'affichage ou de masquage de la date et de l'heure de 
derniere modification de 1' article. 
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■ Le choix d'affichage ou de masquage de l'icone PDF (qui permet 
a un visiteur de generer un fichier au format PDF, qu'il pourra 
facilement enregistrer ou transmettre, et renfermant le contenu de 
1' article). 

■ Le choix d'affichage ou de masquage de l'icone Imprimer (qui 
permet a un visiteur d' imprimer facilement le contenu de 
1' article). 

■ Le choix de la langue de 1' article (qui permet d'indiquer en quelle 
langue est redige l'article). 

■ La possibility d'indiquer une cle de reference a l'article, dans 
certaines configurations. 

■ La possibility d'indiquer une expression autre que le texte "lire la 
suite", lorsque le debut de l'article est, par exemple, affiche en 
page d'accueil. Cette fonctionnalite ameliore 1' accessibility du 
site aux personnes malvoyantes ainsi que l'indexation de l'article 
dans les moteurs de recherche, si 1' expression utilisee renferme 
des mots-cles en rapport avec le sujet traite dans l'article 
(1' utilisation du bouton Lire la suite est explicitee plus loin). 

Les parametres des metadonnees 

La structure d'une page HTML integre une zone d'en-tete, destinee a 
etre affichee dans la page et a renfermer tous les elements n'etant pas 
destines a etre affiches dans la fenetre du navigateur de l'internaute 
visitant le site. 

Certains de ces elements, nommes "metadonnees", sont principalement 
utilises par les moteurs de recherche. 

L'editeur d' article permet de renseigner certains d'entre eux, lorsque la 
zone Informations des metadonnees est cliquee (voir Figure 4.56). 

Les parametres accessibles dans cette rubrique sont les suivants : 

■ La zone Description, qui sera affichee par les moteurs de 
recherche, en tant que description de la page. Meme si cette zone 
n'a pas d'incidence sur l'indexation dans les moteurs, il est utile 
de la renseigner avec precision car elle sera visible des internautes 
dans les pages de recherche ; c'est done elle qui declenchera (ou 
non) les clics sur le lien menant a la page. 

■ La zone Mots-cles. La finalite de cette metadonnee est de recevoir 
des mots-cles, en rapport avec le sujet traite dans l'article, et 
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separes par des virgules. De nombreux webmestres en ayant fait 
un usage intempestif, en y plagant un nombre excessif et inadapte 
de mots-cles, la quasi-totalite des grands moteurs de recherche, 
dont Google, ne lui accordent plus aucun credit. La zone Mots- 
cles peut toutefois etre utile si le module Related Items est active. 



1 %z}f a 



REMARQUE 



Le module Related Items 

Ce module de Joomla a pour fonction, lorsqu'il est active, d'afficher 
des liens de navigation entre des articles ayant des mots-cles communs. 
Outre la fluidite de navigation sur le site qu'elle apporte, cette 
fonctionnalite ameliore le referencement des articles car ils constituent 
des "liens profonds" entre des pages dont le contenu redactionnel est 
similaire ou tres proche. 



▼ Informations des meta-donnees 


Description 

Mots-cles 

Robots 
Auteur 


<n 


\J 



















Figure 4.56 : Les parametres de la zone Informations des metadonnees 

La zone Robots peut renfermer des informations facultatives 
composees d' instructions specifiques aux programmes de certains 
moteurs de recherche. 

La zone Auteur est egalement une information facultative : le nom 
de 1' auteur, utilise par certains moteurs de recherche. 



Publier I'article en page d'accueil 

Par defaut, a sa creation, I'article a le statut "publie", c'est-a-dire qu'il 
sera visible dans le frontend, s'il est accessible depuis un menu, par 
exemple. 
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Vous pouvez, en outre, le rendre visible sur la page d'accueil (pour 
annoncer aux visiteurs une recente parution ou parce que 1' article est 
tres important). 

1 Pour publier ou depublier 1' article, cochez l'une des options de la 
zone Publie. 

2 Pour rendre visible ou non 1' article sur la page d'accueil, cochez 
l'une des options de la zone Page d'accueil. 




Figure 4.57 : Les options de publication et d'affichage en page 
d'accueil de /'article 



Le bouton Lire la suite 

L'editeur d' articles presente, dans sa partie inferieure, un bouton Lire la 
suite. Lorsqu'il est clique, il genere l'insertion d'une ligne pointillee 
rouge dans le texte de 1' article. 



Image 



Saut de page 



Lire la suite 



tui-KHt 



=J 



Figure 4.58 : Le bouton Lire la suite 



B I U AW E B 9 | -Stytf*-~ - Faiagiaph - - Rant farn^ - 

B 1= I * 0: | -j | 4/ & J ™ ft t£ IS £ © 

■ Erf ! 



x, x 1 I S2 






i 



Tour d' horizon 

Internet est en perpetuelle expansion. Sa croissance s'accelere chaque jour. Dc 
permanente mutation. Car si le nombre de sites s'accroit chaque jour, I'ulil'isatfc 
change egalement 

If y a quelques annees encore, I 'usage d' Internet se Jimitait, pour le plus grand 



Figure 4.59 : Dans le texte de I' article, la fonctionnalite Lire la suite est 
symbolisee par une ligne pointillee rouge 
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La fonctionnalite se materialise, dans le frontend, par un lien 
mentionnant le texte "Lire la suite", a l'endroit ou a ete place le symbole 
dans le texte. 



Welcome to the Frontpage 

Cr£ez votre site web J- ■=* -J 

Ecrit par Administrator 
Jeudi 21 Mai 2009 09 23 

Tfiur d'horizon 

Internet est en perpetually expansion. Sa croissance s'accd-lere chaquc jour De plus, le 
reseau sub it une permanente mutation. Car si le nombre de sites s'accroTt ehaque pur. 
I'uti ligation qu'en font les interna utes change egaiement. 

Mise a jour le Samedi, 30 Mai 2009 10:55 



Lire la suit e. 



» 



~ 



Figure 4.60 : Le lien Lire la suite, affiche dans le fontend 

Vous savez desormais comment creer des articles et les affecter a des 
sections et a des categories. Vous allez maintenant decouvrir les 
differentes methodes qui s'offrent a vous pour les afficher dans le site. 



4.7. Check-list 

■ Le sy steme utilise des parametres generaux qu'il convient de 
definir lors de la mise en oeuvre. 

■ Joomla utilise un classement hierarchise des articles, repartis en 
sections et en categories. 

■ Un editeur WYSIWYG de code HTML permet d'effectuer une 
mise en forme avancee des textes, des images et objets qui 
constituent les articles. 

■ Un module special permet de placer les articles de votre choix en 
page d'accueil, afin d'en accroitre la visibility . 
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Lors de son installation, avec les donnees d'exemple, le frontend de 
Joomla presente differents menus, de types horizontaux et verticaux. 

Les menus renferment des liens (items), menant soit directement a des 
articles, soit a des composants d'affichage des articles. 

A titre d'exemple, vous allez decouvrir les items du menu principal de 
Joomla, le menu mainmenu. Cliquez pour cela sur Menus/Main Menu. 

Le Gestionnaire d' elements de menu apparait, affichant les differents 
items implements par defaut lors de 1' installation des donnees 
d'exemple de Joomla (Home, Joomla Overview, etc.). 
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Figure 5. 7 ; Les differents items du menu Main Menu 



5.1. Desactiver les menus inutiles 

Pour apprehender aisement le mode de fonctionnement des menus de 
Joomla, nous vous proposons de commencer par desactiver ceux que 
vous n'utiliserez pas, pendant votre phase de decouverte du CMS, en 
tous cas. 

L'objectif de la manipulation qui va suivre est done le suivant : 
conserver uniquement le menu horizontal, affiche en haut de la fenetre 
du frontend, et le premier menu vertical, affiche a gauche de la fenetre 
du frontend. 

1 Cliquez sur Extensions/Gestion des modules. 



160 



LE GUIDE COMPLET 



Desactiver les menus inutiles 



Chapitre 5 



Le gestionnaire de modules apparait. 

2 Dans la colonne Active du gestionnaire, cliquez sur les symboles 
d' activation des lignes des modules User Menu, Resources, 
Example pages et Keys Concepts afin de desactiver ces modules. 



Gestion des modules 
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Figure 5.2 : Les modules peuvent etre actives ou desactives par de 
simples dies dans la colonne Active 

3 Retournez dans l'onglet de votre navigateur dans lequel est 
affichee la partie publique du site et actualisez la page en cliquant 
sur le bouton d'actualisation du navigateur. 

Seuls le menu horizontal (en haut) et le menu principal (a gauche) 
restent affiches. 
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Figure 5.3 : Les menus desactives napparaissent plus dans le frontend 



LE GUIDE COMPLET 



161 



Chapitre 5 



Administrer les menus 



5.2. Modifier un menu existant 

Vous allez apprendre ici a desactiver les items du menu inutiles et a en 
aj outer de nouveaux. 

Procedez ainsi : 

1 Cliquez sur Menus/Main Menu. 

Le gestionnaire d' elements de menu est affiche. 

2 Dans la colonne placee a gauche de la colonne Alias de menu, 
cochez toutes les lignes a 1' exception de Home. 











\ * m^. pm h ppbh hh 




!_■ uestionnaire a element ae 

menu I [mainmenu] 










Filtre: Appliquer Reinitialiser 




# r Alias de menu 




1 r Home 




2 v Joomla! Overview 




3 v '-What's New in 1.5? 

4 v Joomla! License 




5 v More about Joomla! 

6 B FAQ 


7 ■ The News 


8 v Web Links 


9 IV! News Feeds 

1 ' 



Figure 5.4 : Les alias a desactiver sont coches 
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Cliquez sur le bouton Depublier. 



4 Retournez dans l'onglet de votre navigateur dans lequel la partie 
publique du site est affichee et actualisez la page en cliquant sur le 
bouton d'actualisation du navigateur. 

Le menu principal n'affiche plus qu'un item : le lien Home. 




Figure 5.5 : 

Les items depublies 
n'apparaissent plus dans le menu 



5.3. Exploiter les differents elements 
de menu 

L'une des particularites remarquables de Joomla est le nombre 
impressionnant de fonctionnalites que le systeme permet d'attacher aux 
items de menus. Vous allez les decouvrir dans ce qui suit. 

1 Cliquez sur Menus/Main Menu. 

Le Gestionnaire d' elements de menu est affiche. 



Cliquez sur le bouton Nouveau. 




La page Alias de menu: [Nouveau ] est affichee. A la rubrique Selection du 
type d'element de menu sont proposees de tres nombreuses 
fonctionnalites d'affichage de contenus, qui peuvent etre appelees depuis 
les items du menu. 
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MOSAIQUE Informauque - Formation mformatique - Sites 



VphmhI 5.10 
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Figure 5.6 ; La page affichee permet la creation de nombreux types d'items 
de menus 



Les fonctionnalites d'affichage des liens 
internes 

Ces routines offrent de nombreuses methodes differentes de presentation 
des contenus du site, accessibles par un lien de menu. 

1 Cliquez sur le lien Articles afin de developper les options qu'il 
propose. 

Les types d'items de cette categorie sont affiches (voir Figure 5.7). 

Les liens proposes sont les suivants : 

■ Liste des articles archives. Cette fonctionnalite permet d'afficher les 
articles archives et classes par dates. 

■ Un article. Cette fonctionnalite permet d'afficher un article unique. 

■ Proposition d'article. Cette fonctionnalite permet aux internautes 
disposant d'un niveau d' administration egal ou superieur a celui 
d'auteur de proposer des articles aux administrateurs du site. 
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■ 



Selection du type d'element de menu 



Lien interne 



I 



Articles 
a Archives 



_ 



° Liste des articles archives 



Article 






n Un article 



° Proposition d'article 
Categorie 

n Articles d'une categorie donnee en blog 
° Liste des articles d'une categorie 

Page d'accueil 

I 

a Page d'accueil au format blog 

Section 

° Articles d'une section donnee en blog 

a Liste des categories d'une section. 



Figure 5. 7 ; Les types d'items de menus de la categorie Articles 

Articles d'une categorie donnee en blog. Cette fonctionnalite permet 
d'afficher les articles appartenant a une categorie dans une forme 
rappelant celle utilisee sur les blogs. 

■ Liste des articles d'une categorie. Cette fonctionnalite permet 
d'afficher les articles appartenant a une categorie sous la forme 
d'une liste, renfermant des liens cliquables, menant aux articles. 

■ Page d'accueil au format blog. Cette fonctionnalite permet 
d'afficher certains articles selectionnes dans une forme rappelant 
celle utilisee sur les blogs. 
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Articles d'une section donnee en blog. Cette fonctionnalite permet 
d'afficher les articles appartenant a une section dans une forme 
rappelant celle utilisee sur les blogs. 

Liste des articles d'une section. Cette fonctionnalite permet 
d'afficher les articles appartenant a une section sous la forme 
d'une liste, renfermant des liens cliquables, menant aux articles. 

2 Cliquez sur le lien Contacts afin de developper les options qu'il 
propose. 

Les types d' items de cette categorie sont affiches. 



Selection du type d'element de menu 



Lien interne 
Articles 




Contacts 






k 



Categorie 
I 



° Contacts classes par categories 



Contact 



d Fiche standard de contacts 



Figure 5.8 : Les types d'items de menus de la categorie Contacts 
Les liens proposes sont les suivants : 

■ Contacts classes par categories. Cette fonctionnalite permet 
d'afficher une liste de contacts (afin de permettre aux internautes 
de communiquer avec les administrateurs du site), classes par 
categories de contacts. 

■ Fiche standard de contacts. Cette fonctionnalite permet d'afficher 
la fiche d' informations relatives a un contact specifique. 

3 Cliquez sur le lien Fils d'actualite afin de developper les options 
qu'il propose. 

Les types d'items de cette categorie sont affiches. 
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Selection du type d'element de menu 



i 



k 



Lien interne 
Articles 
Contacts 
Fils d'actualite 

Toutes les categories 

d Disposition de la liste de categorie 
Categorie 

d Disposition de la categorie 
Fil d'actualite individuel 
d Fil d'actualite simple 



Figure 5.9 : Les types d 'items de menus de la categorie Fils d'actualite 
Les liens proposes sont les suivants : 

■ Disposition de la liste de categorie. Cette fonctionnalite permet 
d'afficher une liste de categories de fils d'actualite. 

■ Disposition de la categorie. Cette fonctionnalite permet d'afficher 
une liste de fils d'actualite appartenant a une categorie de fils. 

■ Fil d'actualite simple. Cette fonctionnalite permet d'afficher un fil 
d'actualite unique. 

4 Cliquez sur le lien Sondage afin de developper 1' option qu'il 
propose. 

Les types d'items de cette categorie sont affiches (voir Figure 5.10). 

Le lien propose est Mise en page du sondage. Cette fonctionnalite permet 
d'afficher les resultats d'un sondage. 

5 Cliquez sur le lien Rechercher afin de developper 1' option qu'il 
propose. 
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Ul Alias de menu: [Nouveau] 



Selection du type d'element de menu 



Lien interne 
Articles 
Contacts 
Fits d'actualite 



Sondages 
Sondage 

Lo 



Mise en naae du sondaae 



Figure 5. 70 ; Les types d'items de menus de la categorie Sondage 
Les types d'items de cette categorie sont affiches. 




AHaS de menu: [Nouveau] 



Selection du type d'element de menu 



Lien interne 

Articles 

Contacts 

Fils d'actualite 

Sondages 

Rechercher 






Rechercher 



o Rechercher 



Figure 5.77 ; Les types d'items de menus de la categorie Rechercher 
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Le lien propose est Rechercher. Cette fonctionnalite permet d'afficher un 
formulaire de recherche et l'affichage des resultats associe. 

6 Cliquez sur le lien Utilisateur afin de developper les options qu'il 
propose. 

Les types d' items de cette categorie sont affiches. 



Selection du type d'element de menu 



Lien interne 
i Articles 
i Contacts 
I Fils d'actualite 
i Sondages 
i Rechercher 
\ Utilisateur 

a- Connexion 



d Identification 
Enregistrer 

d Enregistrement d r un utilisateur 
Rappelez 

d Rappel 
Reinitialiser 

d Reinitialiser 

Utilisateur 

I 

d Utilisateur 

d Mise en page utilisateur 



Figure 5. 12 ; Les types d'items de menus de la categorie Utilisateur 
Les liens proposes sont les suivants : 

■ Identification. Cette fonctionnalite permet d'afficher une page 
d' identification, a l' attention des visiteurs du site. 

Enregistrement d'un utilisateur. Cette fonctionnalite permet 
d'afficher une page d' inscription, a l'attention des visiteurs du 
site. 
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■ Rappel. Cette fonctionnalite permet d'afficher une page dans 
laquelle l'identifiant d'un utilisateur peut lui etre rappele, s'il l'a 
oublie. 

■ Reinitialiser. Cette fonctionnalite permet d'afficher une page dans 
laquelle un utilisateur peut changer de mot de passe. 

■ Utilisateur. Cette fonctionnalite permet d'afficher une page 
contenant un message lorsque 1' utilisateur accede a un espace 
prive. 

■ Mise en page utilisateur. Cette fonctionnalite permet a un utilisateur 
d'editer les parametres de son compte. 

7 Cliquez sur le lien Liens Web afin de developper les options qu'il 
propose. 

Les types d'items de cette categorie sont affiches. 



Selection du type d'element de menu 



Lien interne 
I Articles 
I Contacts 

Fils d'actualite 
i Sondages 
i Rechercher 



i Utilisateur 
Liens Web 



I 



fe 



Toutes les categories 

□ Liste des categories de liens Webs 
Categorie 

a Liste de categories 
Lien Web 



° Soumission de lien Web 



Figure 5. 13 ; Les types d'items de menus de la categorie Liens Web 
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Les liens proposes sont les suivants : 

■ Liste des categories de liens Web. Cette fonctionnalite permet 
d'afficher une liste de categories de liens web. 

■ Liste de categories. Cette fonctionnalite permet d'afficher une liste 
de liens web appartenant a une categorie de liens. 

Sou mission de lien Web. Cette fonctionnalite permet aux 
utilisateurs enregistres de soumettre un lien web. 

8 Cliquez sur le lien Encapsuleur (Wrapper) afin de developper 
1' option qu'il propose. 

Les types d' items de cette categorie sont affiches. 




Selection du type d'element de menu 



Lien interne 

Articles 



I- Contacts 

i Fils d'actualite 
Sondages 
Rechercher 
Utilisateur 
Liens Web 



Encapsuleur (Wrapper) 






fe 



Encapsuleur (Wrapper) 

a Encapsuleur (Wrapper) 



Figure 5.14 

(Wrapper) 



Les types d'items de menus de la categorie Encapsuleur 
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Le lien propose est Encapsuleur (Wrapper). Cette fonctionnalite permet 
d'afficher une fenetre d' encapsulation (correspondant a la balise html 
<iframe>) dans laquelle peut etre affichee une page d'un site 
quelconque. 



Creer un item de menu pointant vers 
une page externe 

Cette fonctionnalite vous est utile lorsque vous desirez ouvrir une page 
externe depuis un lien dans l'un des menus de votre site Joomla. 

1 Cliquez sur le lien Lien externe. 
L'editeur de liens externes est affiche. 
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Figure 5.15 : L'editeur de Hens externes 

Les principales zones qu'il vous faut renseigner, pour la creation du lien, 
sont les suivantes : 

■ le titre, qui apparaitra dans le menu ; 

■ l'adresse de la page vers laquelle pointe le lien ; 
le nom du menu dans lequel sera cree l'item ; 
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■ le lien parent dans le menu (il est ainsi possible de creer des 
menus hierarchises). 

2 Cliquez sur le bouton Sauver pour enregistrer votre travail ou sur 
Annuler si vous souhaitez sortir sans sauvegarder. 



Creer un item de separation dans un menu 

1 De retour dans le Gestionnaire d' elements de menu, cliquez sur le 
bouton Nouveau, afin d'acceder comme precedemment a la 
selection du type d' element de menu. 

2 Cliquez sur le lien Separateur. 
L'editeur de separateur est affiche. 



t B Alias de menu: [n 



ouveau ] 






Type d'element de menu 



Changer letype 



Separateur 

Parametres du separateur ... 

Utile pour aerer un long menu, ou pour ajouter temporairement des elements de menu afin d'aider a 

construire le menu 



Details de I'element du menu 



Titre: 

Alias: 

Lien: 

Afficher dans: 

Element parent: 



Main Menu 



Home 

Joomla! Overview 
-What's New in 1.5? 
Joomla! License 
More about Joomla! 
FAQ 

The News 
Web Links 
News Feeds 






Figure 5.16 : L'editeur de separateur 

3 Pour creer une separation dans le menu (si le nombre d' elements 
qu'il renferme est important et que vous souhaitiez le scinder en 
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plusieurs parties, par exemple), repetez le caractere de separation 
dans la zone Titre. 




Figure 5.17 : 

A titre d'exemple, 
une ligne de 
separation a id ete 
creee au moyen du 
caractere "egal" et 
une autre au 
moyen du 
caractere "dollar" 



4 Cliquez sur le bouton Sauver pour enregistrer votre travail ou sur 
Annuler si vous souhaitez sortir sans sauvegarder. 



Creer un alias de menu 

1 De retour dans le Gestionnaire d' elements de menu, cliquez sur le 
bouton Nouveau, afin d'acceder comme precedemment a la 
selection du type d' element de menu. 

2 Cliquez sur le lien Alias. 
L'editeur d'alias est affiche. 



Vous pouvez alors creer un item de menu pointant vers un item de menu 
deja constitue, tout en lui conservant ses parametres. Cette technique est 
utile pour optimiser 1' indexation dans les moteurs de recherche car une 
adresse unique est utilisee pour acceder a une page donnee, evitant ainsi 
aux moteurs d'y voir un "contenu duplique". 



& 



REMAROUE 



Contenu duplique 

Ce terme designe, dans la terminologie des moteurs de recherche, la 
repetition d'un meme contenu dans des pages differentes. Dans un tel 
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cas, les moteurs de recherche, Google notamment, decident, selon 
les parametres en leur possession, quelle est la page originelle, et 

l'indexent dans leurs banques de donnees alors que les autres pages sont, 

elles, ignorees. 

Joomla cree les adresses des pages en leur affectant des parametres 
differents en fonction des menus ou des modules qui les appellent (du 
type http://www.formations-informatiques-nancy.mosaiqueinformatique.fr/index 
.php?option=com_content&view=article&id=47:creez-votre-site-web&catid=39:internet). 
Aussi est-il preferable d'eviter des consequences nefastes sur 1' indexation 
d'une page en lui affectant toujours une adresse unique. 



5.4. Ajouter un item au menu 



A titre d'exemple, vous allez ajouter un lien dans le menu principal, 
menant directement a un article que vous avez cree precedemment. Vous 
pourrez facilement reproduire ce mode operatoire pour 1' adapter a 
d' autres types d' elements de menu. 

1 Cliquez sur Menus/Main Menu. 

Le Gestionnaire d' elements de menu est affiche. 

Cliquez sur le bouton Nouveau. 




La page Alias de menu: [ Nouveau ] est affichee. 

3 Dans la liste des types d' items proposes sous Lien interne, cliquez 
sur Articles. Sous Article, cliquez sur Un article (voir Figure 5.18). 

Le Gestionnaire d' elements de menu apparait. 

4 Dans la zone Titre, saisissez un court texte, qui constituera le 
libelle devant etre affiche dans le menu. 

5 Cliquez sur le bouton Selection, a droite de la zone Selection 
article (voir Figure 5.19). 
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Selection du type d'element de menu 

Lien interne 
Articles 
j Archives 

□ Lists des articles archives 
_ Article 

□ Un art j cle 
\j 

□ Propositi 

Un article 

Categorie 

Affiche un seul article. 

n Articles d'untr ^amyune uunnce en blOCj 

n Liste des articles d'une categorie 






Figure 5. 18 : 

Le lien a cliquer 
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Figure 5.19 ; 

Le bouton Selection 



Une fenetre apparait en surimpression de la page. Vous allez pouvoir y 
effectuer la selection de P article. 
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Figure 5.20 : 

La fenetre autorisant 
la selection de 
/'article est affichee 
en surimpression de 
la fenetre principale 



6 Choisissez, le cas echeant, la section et la categorie auxquelles est 
rattache Particle dans les listes des zones Selectionner une section 
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et Selectionner une categorie. Cliquez sur le titre de 1' article vers 
lequel vous souhaitez faire pointer le lien. 

La fenetre en surimpression disparait. 

7 De retour dans le Gestionnaire d' elements de menu, cliquez sur le 
bouton Sauver. 

8 Retournez dans l'onglet de votre navigateur dans lequel est 
affichee la partie publique du site et actualisez la page en cliquant 
sur le bouton d'actualisation du navigateur. 

L'item ajoute apparait desormais dans le menu. Un clic sur l'item 
affiche la page correspondante. 




Figure 5.21 : 

Le nouvel item est 
maintenant propose 
dans le menu 



5.5. Creer un nouveau menu 

Apres avoir appris a aj outer un item dans un menu, vous allez 
maintenant decouvrir comment creer un menu complet et comment le 
parametrer afin de modifier son apparence. 

Votre objectif sera ici de creer un second menu vertical, affiche 
en-dessous du menu principal. 

1 Cliquez sur Menus/Gestion des menus puis sur Nouveau. 

La page Details du menu: [Nouveau ] est affichee. 

2 Dans la zone Type de menu, saisissez par exemple monmenu (ce 
nom est utilise dans le code de Joomla pour identifier le menu. II 
est preferable de ne pas utiliser d'espace dans ce nom). 
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3 Dans la zone Titre, saisissez par exemple Mon menu (ce nom 
apparaitra dans la partie publique du site, si vous le desirez). 

4 Dans la zone Titre du module, saisissez par exemple mon-menu (ce 
nom sera donne au module correspondant au menu et que vous 
retrouverez dans le Gestionnaire de modules). 




Details du menu: [Nouveau] 



Type de menu: 



monmenu 




Titre: 






Mon menu 







Description: 
Titre du module: 



O 



mon-menu 




Figure 5.22 : La creation d'un nouveau menu 

5 Cliquez sur le bouton Sauver. 

Bien que cree, votre menu n'est pas encore visible dans le frontend. 
Verifiez-le... 

6 Retournez dans l'onglet de votre navigateur dans lequel est 
affichee la partie publique du site. Actualisez la page en cliquant 
sur le bouton d'actualisation du navigateur. 

Le nouveau menu n'est pas visible. Vous devez en effet activer le 
module. 

7 Retournez dans l'onglet de votre navigateur dans lequel est 
affiche le backend et cliquez sur Extensions/Gestion des 
modules. 

Le Gestionnaire de modules apparait. 

8 A 1' intersection de la ligne affichant le nom du module de menu et 
de la colonne Active, cliquez sur le symbole d' activation du 
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module afin de l'activer (le symbole passe d'une croix blanche sur 
fond rouge a une coche verte). 



Filtre: 








i 


I 


Aller Remsie a zero 


Selectionnez 1 








# 


D 




Nom du module 


Active 


1 


D 


Breadcrumbs 




v 


2 


m 


Banners 




y 


3 


D 


Footer 




V 


4 


D 


mon-menu 




% 


5 


D 


Main Menu 


V 


6 


□ 


Resources 








Figure 5.23 : Le module est active depuis le Gestionnaire de modules 

9 Activez de nouveau l'onglet de votre navigateur dans lequel est 
affichee la partie publique du site. Actualisez la page en cliquant 
sur le bouton d'actualisation du navigateur. 

Cette fois, le nouveau menu est affiche. II ne contient pour 1' instant 
aucun item mais vous pourrez y ajouter ceux de votre choix facilement 
en appliquant le mode operatoire decrit precedemment a la section 
Exploiter les differents elements de menu. 



Mon menu 



k 




Figure 5.24 : 

Le nouveau menu est 
maintenant visible dans le 
frontend 
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5.6. Modifier les parametres 
d'affichage d'un menu 



Vous allez decouvrir quelques parametres significatifs affectant la 
presentation des menus. 



Appliquer un style au menu 

Comme vous l'avez certainement constate, le nouveau menu ne 
beneficie pas d'une mise en forme identique a celle du menu principal, 
affiche en-dessous. 

Vous allez remedier a cela en lui appliquant un "suffixe de classe CSS", 
c'est-a-dire une mise en forme enregistree dans la feuille de style 
regissant le template actuellement applique au site. 

1 Retournez dans l'onglet de votre navigateur dans lequel est affiche 
le backend et cliquez sur le nom du menu precedemment cree, dans 
le Gestionnaire de modules, afin d'acceder a ses parametres. 




Site 



Administrate Li r 



■ 



Filtre: 



# 





Aller 



Remsie a zero 



□ 



Nom du module 



1 □ Breadcrumbs 



2 Q Banners 



3 D Footer 



D Mon menu 



□ Main Menu 



g 



6 



. 






Resource Cliquer pour editer ce Module 

Main Menu 



7 □ Key Concept 



Figure 5.25 : Un die sur le nom du menu per met d'acceder a ses 
parametres 
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La page Module: [ Editer] est affichee. 
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Figure 5.26 : La page d'edition des parametres du module 

2 Cliquez sur Parametres avarices afin d'acceder aux parametres 
renfermes dans cette rubrique puis saisissez menu dans la zone 
Suffixe de classe de module. 



Suffixe de classe de 

module 






_menu 




b 





Figure 5.27 : L'ajout d'un suffixe de classe de module 

3 Cliquez sur le bouton Sauver. 

4 Basculez dans l'onglet de votre navigateur dans lequel est affichee 
la partie publique du site et actualisez la page en cliquant sur le 
bouton d'actualisation du navigateur. 

La mise en forme appliquee au nouveau menu est analogue a celle 
appliquee au menu principal. 
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Figure 5.28 : 

La mise en forme 
appliquee au nouveau 
menu 



Modifier I'ordre des menus 

Le nouveau menu a ete insere avant le menu principal. Cet ordre peut ne 
pas vous convenir. II est facilement modifiable en changeant I'ordre des 
modules. 

1 Dans l'onglet de votre navigateur dans lequel est affiche le 
backend, cliquez sur Extensions/Gestion des modules. 

2 Dans la colonne Ordre du gestionnaire de modules, sur la ligne 
correspondant au nouveau module, cliquez sur le bouton Deplacer 
vers le bas, symbolise par une fleche verte pointant vers le bas. 



3 e Footer 

A fylgrt rn^nu 

5 B Main Mtrm 






VJ= 



2 



Public 
Pubic 
Public 






Figure 5.29 : Le bouton Deplacer vers le bas 

3 Retournez dans l'onglet de votre navigateur dans lequel est 
affichee la partie publique du site. Actualisez la page en cliquant 
sur le bouton d'actualisation du navigateur. 

Le nouveau menu est desormais affiche sous le menu principal. 
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Figure 5.30 ; 

La modification de 
I'ordre des menus 
dans le frontend 



Modifier la position du menu 

L'ordre d'un menu n'est pas le seul parametre interferant sur son 
placement dans le site : il vous est egalement possible de modifier sa 
position. 

Les positions sont des emplacements qui dependent du template utilise. 
II est done utile de consulter les positions disponibles dans le template 
avant de modifier la position d'un menu ou d'un module. 

1 Depuis le backend, cliquez sur Extensions/Gestionnaire des 
templates. 

Le gestionnaire de templates est affiche. 

2 Dans la colonne Norn du Template, cliquez sur le nom du template 
applique actuellement sur le site (indique par une etoile jaune 
affichee dans la colonne Defaut). Dans cet exemple, e'est le 
template rhuk_milkyway qui est employe. 
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H Gestion des templates 
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Figure 5.31 : La selection du template, depuis le Gestionnaire de 
templates 

Les parametres du template sont affiches dans la page Template: [ Editer]. 
lis sont specifiques a ce template (d'autres templates disposeront 
d'autres parametres). 

Cliquez sur le bouton Previsualiser. 




La page Gestion des templates est affichee. Vous pouvez y consulter les 
positions des modules, indiquees en surimpression sur la page (les 
positions portent des noms tels que left, userl, user2, right, etc.) 




Figure 5.32 : La page Gestion des templates 
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Dans cet exemple, vous allez placer votre menu vide en position right. 

Dans la page de gestion des templates, cliquez sur le 
bouton Retour. 




5 De retour dans la page Template: [ Editer ], cliquez sur le bouton 
Fermer. 

6 Cliquez sur Extensions/Gestion des modules. 

7 Dans la colonne Norn du module du gestionnaire de modules, 
cliquez sur le nom du nouveau menu. 

La page Module: [ Editer] est affichee. 

8 A la rubrique Details, deroulez la liste de la zone Position et 
choisissez right. 





Position: 

Ordre: 

Niveau d'acces: 

ID: 
Description: 
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footer 

syndicate 

top 

userl 

user2 
user3 
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user4 

















Figure 5.33 : Le choix de la position 

9 Cliquez sur le bouton Appliquer. 

10 Basculez dans l'onglet de votre navigateur dans lequel est affichee 
la partie publique du site. Actualisez la page en cliquant sur le 
bouton d'actualisation du navigateur. 

Le menu est desormais affiche dans la partie droite du site. 
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Figure 5.34 : L'affichage du menu en position right 



Modifier le style du menu 

En fonction des positions et des specificites du template, il est egalement 
possible de modifier le style du menu (transformer un menu vertical en 
un menu horizontal par exemple), au moyen des choix proposes dans la 
zone Style du menu. 



Parametres 



Parametres du module 



Nom du menu monmenu 



Style du menu ; Affichage des sous-menus - Vertical 



Affichaqe des sous-menus - Vertical 



Niveau de depart Affichage des sous-menus - Horizontal 

Affichage des sous-menus - Liste simple 

Dernier niveau 



Toujours afficher les 
sous-menus 



Non 



Oui 



Figure 5.35 : Les choix proposes dans la zone Style du menu permettent de 
modifier le style du menu, en fonction des options du template 
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Limiter I'affichage du menu a certaines 
parties du site 

II n'est pas obligatoire d'afficher le menu dans toutes les pages du site. 
Vous pouvez ainsi choisir de faire apparaitre uniquement un menu 
specifique sur certaines parties de votre site. Indiquez pour cela votre 
choix a la rubrique Affectation de menu : cochez 1' option Selectionner 
le(les) element(s) de menu depuis la liste dans la zone Selectionner un menu 
puis indiquez, dans cette derniere, les menus sous lesquels doit 
apparaitre votre menu specifique. 



Affectation de menu 



Menus: G Tous Auc(jn * selectionner le(les) 
element(s) de menu depuis la liste 



Selectionner un menu: ExampiePages 



k^h 1 1 1] i ■ >i rim 



Section Table 
Category Blog 



keyconcepts 



Extensions 

Content Layouts 
Exam ole Panes 



mammenu 



Livre 1 - Internet 



othermenu 



Joomla! Home 
Joomla! Forums 



Figure 5.36 : La rubrique Affectation de menu 



5.7. Check-list 

■ II est possible de creer facilement des menus de navigation 
personnalisables afin d'afficher les articles du site. 

Un item de menu peut pointer vers de tres nombreux modules 
d'affichage de contenus ou lancer des fonctionnalites avancees. 

La position et 1' aspect des menus peuvent etre modules a volonte. 
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Dans cette section, vous decouvrirez en detail 1' utilisation des autres 
fonctionnalites principales de Joomla. 



6.1. Gerer les medias 

Sous Joomla, le terme media designe essentiellement les images, bien 
qu'il vous soit possible d' utiliser des fichiers d' autres types, tels que les 
fichiers PDF. 

Voici done quelques consignes utiles concernant la creation des images 
et leur utilisation. 



Les formats d'images 

Vous trouverez ci-apres une description succincte des principaux 
formats d'images destines a etre utilises sur Internet. 



Le format GIF 

Les principales caracteristiques de ce format sont les suivantes : 

■ II utilise 256 nuances de couleurs au maximum (il est possible de 
travailler en couleurs securisees pour le Web). 

■ C'est le format le plus utilise pour les elements graphiques de 
navigation sur les sites web (boutons, puces, etc.). 

■ II autorise la gestion de la transparence. II est alors possible de 
conferer a 1' image un aspect autre que rectangulaire, puisque le 
fond de la page (couleur ou image) apparait dans les zones de 
transparence, ce qui n'est pas le cas avec une image representant 
un sujet sur un fond blanc ou d'une autre couleur (le sujet est 
affiche dans un rectangle d'une couleur differente de celle du fond 
de la page, ce qui donne une connotation de travail inacheve et 
amateur au site). 

■ II permet la gestion d' animations ("gifs animes") par un 
enchamement de plusieurs images dans un meme fichier. Le poids 
de ce dernier peut alors etre considerablement augmente. Bien 
qu' encore couramment employe, les webmestres lui preferent de 
plus en plus souvent la technologie Flash (qui offre des 
possibilites d' animations bien superieures). 
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DEFINITION 



Originedu mot GIF 

GIF signifie Graphics Interchange Format. 



Le format JPG (ou JPEG) 

Les principales caracteristiques de ce format sont les suivantes : 

II utilise 16 millions de couleurs environ. 

■ C'est le format le plus souvent employe pour 1'affichage des 
photographies. 

■ II utilise un algorithme de compression destructive, c'est-a-dire 
que la diminution du poids du fichier se fait au detriment de la 
qualite de 1' image (une diminution du poids du fichier entrame 
une diminution de la qualite). 




DEFINITION 



Origine du mot JPEG 

JPEG signifie Joint Photographic Experts Group. 



Le format PNG 

Les principales caracteristiques de ce format sont les suivantes : 

■ II est compresse mais non destructeur. 

■ II gere la transparence et la translucidite. 

■ II est utile pour l'enregistrement des images renfermant des aplats 
de couleurs (boutons, icones, graphiques, etc.). 

■ Concernant les photographies, en revanche, le poids des fichiers 
est superieur a celui des fichiers JPG, en 16 millions de couleurs. 




OEFINmOH 



Origine du mot PNG 

PNG signifie Portable Network Graphics. 



Technologie Flash 

Les principales caracteristiques de ce format sont les suivantes : 
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■ C'est un format proprietaire (Flash a ete initialement developpe 
par Macromedia, societe creatrice de Dreamweaver, aujourd'hui 
rachetee par Adobe). 

Les fichiers Flash utilisent l'extension .SWF; le format des 
animations pretes a l'emploi. 

■ Les fichiers sources portent l'extension .FLA, non utilisable sur le 
Web. 

■ Pour decoder un fichier SWF, le navigateur doit etre equipe de 
Flash Player (module complementaire, telechargeable gratuitement 
sur le Web). 

A degres d' animations egaux, les fichiers Flash sont beaucoup 
plus legers que les fichiers GIF et permettent de creer de 
l'interactivite. 

Optimiser et retoucher les images 
pour Internet 

Utiliser des images directement sorties de l'appareil numerique n'est pas 
une solution envisageable : recadrage, diminution du poids, 
ameliorations des couleurs, des contrastes et des niveaux sont quelques 
exemples significatifs des traitements indispensables, si vous souhaitez 
donner de la valeur ajoutee aux textes qui composent vos pages. 

Les logiciels de retouches photographiques vous permettent tous ces 
traitements. 

Choisir le logiciel de traitement d'image 

II existe de nombreux logiciels de ce type ; la plupart sont 
telechargeables sur le web. Certains sont gratuits, d'autres, les plus 
puissants, payants. 

Photoshop 

Photoshop est le logiciel de reference en matiere de retouches 
photographiques. II est produit par la societe Adobe. II est employe par 
tous les professionnels de l'image et les amateurs avertis. 
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Photoshop Elements 

Photoshop Elements est une version simplifiee de Photoshop. II permet 
neanmoins de realiser toutes les operations courantes de traitement 
d'images. 

Paint Shop Pro 

Paint Shop Pro est un logiciel presque aussi puissant que Photoshop. II 
convient parfaitement dans les domaines de la creation graphique et de 
la realisation d' animations web. 



Picasa 

Picasa est un programme que vous pouvez telecharger gratuitement sur 
le site Internet de Google. 

II vous permet de retoucher vos images et de classer celles-ci sur votre 
ordinateur. 

Vous pouvez le telecharger a l'adresse suivante : http://picasa.gOOgle.fr 

/download/index.html. 

Photoshop Album Starter Edition 

Si vos besoins, en matiere de traitement de photographies, ne sont pas 
ceux d'un infographiste professionnel, Photoshop Album Starter Edition 
est un logiciel gratuit et simple qui peut vous convenir. II permet de 
visionner, rechercher, retoucher et partager des images. Bien entendu, 
vous n'y retrouverez pas les innombrables fonctionnalites offertes par 
Photoshop mais le programme est suffisant pour realiser les actions de 
base en matiere de traitement de l'image numerique. 

Vous pouvez le telecharger a l'adresse suivante : http://www.adobe.com/fr 

/products/photoshopalbum/starter.html. 
Photoshop Express 

Si vous ne souhaitez (ou ne pouvez) pas installer de logiciel de 
traitement d'images, rien ne vous empeche d'utiliser le nouveau service 
gratuit de retouche en ligne ouvert par Adobe, a l'adresse https://www 
.photoshop.com/express/landing.html, nomme Photoshop Express. 

Les fonctionnalites notables offertes par ce service sont : 
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la gestion des albums photo et de vos fichiers stockes sur d'autres 
services tels que Facebook ou Picasa ; 

■ un espace d'hebergement de photographies ou de gestion de 
diaporamas, accessible depuis un navigateur Internet. 

Gimp 

GIMP est un logiciel libre et gratuit de traitement d' images tres complet, 
offrant des traitements proches de ceux de Photoshop. 

Vous pouvez le telecharger a l'adresse suivante : http://www.gimpfr.org 

/news.php. 






REMARQUE 



Joomla et les images 

Afin d'economiser votre bande passante et de rendre la navigation la 
plus rapide possible sur votre site, trouvez le meilleur compromis entre 
le poids du fichier image (en octets) et sa qualite d'affichage a l'ecran. 
Pour ce faire, effectuez plusieurs enregistrement de votre image (le plus 
souvent au format JPG) en zoomant sur celle-ci (la perte de qualite sera 
alors visible) puis en revenant a un facteur de zoom de 100 %. Si la 
degradation n'est pas visible, refaites un nouvel essai en zoomant et en 
appliquant un taux de compression superieur, afin de diminuer encore la 
taille du fichier. 

Certains logiciels permettent d'effectuer une simulation entre 1' image 
d'origine et celle qui sera enregistree, apres compression. La visualisation 
des deux images cote a cote vous permet alors d'apprecier avec precision 
la degradation liee a la compression. 




Figure 6.1 : L'image de droite, en mode Previsualisation depuis 
Photoshop, presente une tres forte degradation, due a une compression 
excessive de l'image, au format JPG, par rapport a l'image originelle, a 
gauche 

Evitez egalement les largeurs d' images excessives, sous peine de 
problemes d'affichage avec certains templates (testez toujours le resultat 
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REMAfiOUE 



obtenu dans le frontend, apres 1' insertion d'une image de taille 
importante dans un article). 



Le Gestionnaire de medias 

Vous avez deja decouvert, lors de la creation d'un article, qu'il vous etait 
possible de telecharger sur l'espace d'hebergement du site une image 
manquante et devant etre inseree dans 1' article (au moyen de la fenetre 
ouverte lorsque le bouton Image est clique). Joomla vous offre une 
seconde methode de telechargement des images et, d'une maniere 
generate, de tous les medias : le Gestionnaire de medias. 

Procedez ainsi : 

1 Cliquez sur Site/Gestion des medias. 

Le Gestionnaire de medias est affiche. 
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Figure 6.2 : Le gestionnaire de medias 



II presente de nombreuses fonctionnalites d' administration des fichiers 
telecharges et des dossiers qui les renferment, sur le serveur hebergeant 
Joomla. 
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L'onglet Miniatures, active par defaut, permet d'effectuer les operations 
courantes sur les fichiers : 

■ Les deplacements dans les dossiers sont realises par de simples 
clics sur les icones de la rubrique Dossiers ou sur celles de la 
rubrique Fichiers. 

■ La creation de dossiers est effectuee au moyen du bouton Creer un 
dossier (apres avoir saisi le nom du dossier a creer dans la zone 
placee a gauche du bouton). 

■ Le transfert d'un fichier s'effectue avec le bouton Parcourir, qui 
permet d'indiquer au CMS l'emplacement du fichier sur votre 
ordinateur. Cliquez ensuite sur le bouton Lancer le transfert. 

■ La visualisation d'une image en taille reelle s'effectue par un clic 
sur la miniature, dans l'onglet Miniatures. L'image apparait alors 
dans une fenetre en surimpression (vous pouvez fermer cette 
derniere par un clic sur la croix affichee en haut et a droite de la 
fenetre). 




Figure 6.3 : La visualisation d'une image en taille reelle s'effectue 
dans une fenetre affichee en surimpression 

La suppression d'une image est realisee par un clic sur le bouton 
de suppression, symbolise par une croix blanche sur rond rouge, 
place a cote de la miniature de l'image. 
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REMAROUI 



Dossier racine de stockage des images 

En parcourant les dossiers d' installation du systeme, sur votre serveur 
web local, vous decouvrirez que le dossier renfermant les medias et se 
trouvant a la racine du site se nomme Images. 



j www 
J | site-1-joornla 
administrator 
cache 

components 
j[j imacjes 
nJ banners 
MJrnacjes 
smilies 
stories 
includes 

lancjLiacje 

IB 



uran^s 



Figure 6.4 : 

Les sous-dossiers 
du dossier Images 



II renferme nativement les sous-dossiers banners, MJmages, smilies, 
stories. Ce dernier dossier est le dossier propose par defaut pour le 
stockage des images de vos articles. Si le nombre d' images est important, 
il est conseille de creer des sous-dossiers, sous le repertoire Images, afin 
d'optimiser le classement des fichiers. 



2 Cliquez sur l'onglet Details du Gestionnaire de medias. 
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Figure 6.5 : 

L'onglet 
Details du 
Gestionnaire 
de medias 
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Cet onglet permet d'effectuer les memes operations sur les fichiers et les 
dossiers que le precedent en affichant des informations 
complementaires, telles que les dimensions des fichiers, exprimees en 
pixels. 






Transfert des fichiers medias en FTP 

REMARQUE 

Si le nombre de fichiers a transferer est important, vous pouvez 
egalement placer tous les fichiers prepares sur votre ordinateur en une 
seule operation dans le bon dossier en utilisant votre logiciel de transfert 
FTP, si le site est place chez un hebergeur distant, ou l'Explorateur de 
fichiers de Windows, si le site est en place sur votre serveur local. 



& 



Ouverture d'un fichier au format PDF 

REMARQUE 

Pour ouvrir un fichier au format PDF (ou d'un autre format, non 
affichable directement dans une page HTML), depuis un article, placez 
le fichier dans le dossier de votre choix, depuis le Gestionnaire de 
medias, puis creez un lien hypertexte relatif (du type images/stories 
/nomdufichier.pdf) dans l'article, pointant vers le fichier. 



6.2. Gerer les niveaux d'acces et 
les utilisateurs 

Joomla permet de creer des niveaux hierarchiques, definissant des droits 
d' administration plus ou moins etendus, entre les administrateurs du 
site. En outre, certaines parties du site peuvent etre rendues accessibles 
uniquement aux internautes enregistres. 

Ces fonctionnalites font de Joomla un puissant outil collaboratif, 
permettant, par exemple, de construire un veritable journal en ligne, 
dans lequel les taches editoriales sont reparties et hierarchisees entre de 
nombreux participants. 

Comprendre les niveaux d'acces 






Droits d'acces et indexation 

REMARQUE 

Si la fonctionnalite permettant de limiter l'acces a certaines pages du 
site peut se reveler une technique de collecte d'adresses email, afin 
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REMAROUE 



d' envoy er regulierement votre newsletter aux visiteurs enregistres, 
elle peut egalement etre un obstacle a votre indexation dans les 
moteurs de recherche. Ceux-ci ne disposant pas de droit d'acces aux 
pages reservees, ils ne pourront pas en effectuer 1' indexation dans leurs 
bases de donnees. Choisissez done avec soin les pages publiques et les 
pages privees. 



Les niveaux d'acces proposes par Joomla sont les suivants : 

■ Public. Ce niveau d'acces, affecte par defaut aux composants du 
site, donne acces a tous les visiteurs, qu'ils soient enregistres ou 
non. 

■ Enregistre. Ce niveau, lorsqu'il est affecte a certaines parties du 
site, donne acces aux visiteurs enregistres. 






REMARflUE 



Utilisateurs enregistres 

Les visiteurs du site peuvent acceder au statut Enregistre au moyen du 
formulaire d' identification et d' inscription, active par defaut lors de 
1' implementation du systeme. 



Login Form 



Identifiant 



admin 



Mot de passe 



Se souvenir de moi D 



Connexion 



Mot de passe 

oublie ? 

Identifiant oublie 
? 

Creer un compte 



Figure 6.6 : 

Le formulaire d'identification 



Special. Ce niveau donne acces aux parties du site concernees 
uniquement aux administrateurs du site. 
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Les groupes d'utilisateurs 

REMARQUE 

Les groupes d'utilisateurs du site qu'il vous est possible d'affecter aux 
collaborateurs de votre equipe redactionnelle sont les suivants : 

Public. Ce niveau est celui des simples visiteurs du site. II ne donne 
aucun droit d' administration sur le contenu redactionnel et l'acces aux 
parties reservees aux utilisateurs enregistres lui est ferme. 

Enregistre. Ce niveau ne donne aucun droit d' administration sur le 
contenu redactionnel mais l'acces aux parties reservees aux 
utilisateurs enregistres lui est ouvert. 

Auteur. Ce niveau permet a l'utilisateur du systeme de proposer des 
articles et, le cas echeant, de les modifier. 

Editeur. Ce niveau dispose des memes droits que le precedent. II 
permet, en outre, la modification d'un article d'un autre auteur. 

Redacteur. Ce niveau dispose des memes droits que le precedent. II 
permet, en outre, la validation de la publication d'un article. 

Gestionnaire. Ce niveau dispose des memes droits que le precedent. II 
permet, en outre, la modification des menus de navigation sur le site. 
A la difference des utilisateurs disposant des niveaux hierarchiques 
precedents, les membres de ce niveau (et ceux appartenant aux 
niveaux hierarchiques superieurs) accedent a 1' interface 
d' administration par la meme URL que celle employee par le super 
administrateur (adresse du type : http://www.lenomdusite.fr/administrator). 

Admin. Ce niveau dispose des memes droits que le precedent. II 
permet, en outre, la modification des extensions et la gestion des 
comptes sur le site. 

Super Admin. Ce niveau dispose de tous les droits d' administration sur 
le site. 



Gerer les niveaux d'acces 

Cliquez sur Site/Gestionnaire des utilisateurs. 

Le Gestionnaire des utilisateurs est affiche. Les parametres d'un 
utilisateur sont affiches en lignes. Sur chacun d'entre eux, sont 
presentes : 

■ le nom de l'utilisateur ; 

■ l'identifiant de l'utilisateur ; 

■ l'etat de connexion de l'utilisateur (indiquant s'il est actuellement 
connecte ou non) ; 
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l'etat d' activation du compte (indiquant si le compte est active ou 
non) ; 

le groupe auquel appartient l'utilisateur (indiquant son niveau 
d'acces) ; 

l'adresse email de l'utilisateur ; 

la date de derniere visite de l'utilisateur ; 

l'identifiant unique de l'utilisateur, dans la base de donnees 
utilisee par le CMS. 
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Figure 6. 7 : Le Gestionnaire des utilisateurs 



Exercice pratique : Creation d'un compte 
de niveau Auteur 

V 

A titre d'exemple, vous allez creer, dans ce qui suit, un nouveau compte 
pour un utilisateur imaginaire disposant du statut d' auteur. Vous 
decouvrirez alors l'interface de soumission d'articles mise a sa 
disposition. 

Bien que vous puissiez effectuer sans soucis cette operation sur le 
serveur local de votre ordinateur, nous vous conseillons, si votre site est 
egalement publie chez un hebergeur, d' effectuer cet exercice chez ce 
dernier ; vous disposerez alors d'un serveur d'adressage de mails. Vous 
eviterez ainsi un message de Joomla indiquant qu'il ne peut 
implementer la fonction de routage de mails (sauf si vous avez installe 
un serveur de mails sur votre ordinateur, operation techniquement assez 
complexe). Vous pourrez en outre, dans la section suivante, tester la 
fonctionnalite d'adressage de newsletter avec le compte qui va etre 
maintenant cree. 
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1 Dans le Gestionnaire des utilisateurs, cliquez sur le bouton 
Nouveau. 

La page Utilisateur: [ Nouveau ] apparait. 

2 Ala rubrique Details de l'utilisateur, dans la zone Norn, saisissez le 
nom de l'utilisateur. 

3 Dans la zone Identifiant, saisissez l'identifiant qu'il devra utiliser 
pour se connecter. 

4 Dans la zone Email, saisissez l'adresse de courrier electronique de 
l'utilisateur. 

5 Dans la zone Nouveau mot de passe, saisissez le mot de passe de 
l'utilisateur. 

6 Dans la zone Confirmer le mot de passe, saisissez une nouvelle fois 
le mot de passe de l'utilisateur. 

7 Dans la liste de la zone Groupe, affectez a l'utilisateur le niveau 

Auteur. 

8 Dans zone d' options Recevoir les emails systeme, cochez 1' option 
Oui (ce parametre vous permettra d'effectuer un test de bon 
fonctionnement de la messagerie de Joomla, decrite dans la 
section suivante de ce livre). 



Details de l'utilisateur 



Nom 

Identifiant 

Email 

Nouveau mot de passe 

Confirmer le mot de passe 

Groupe 

Bloquer l'utilisateur 

Recevoir les emails 
systeme 

Date ci inscription 

Date de la derniere visite 


Toto 




toto 
























Public Front-end 
. - Enregistre 






1 . -Auteur 




- Editeur 

-Redacteur 
- Public Back-end 
-Gestionnaire 
- Administrates 

- 3 u per Ad m i n istrateu r 




® Non O Oui 

O Non * Oui 

2009-06-07 15:04:14 

2009-06-0715:27:32 







Figure 6.8 : La rubrique Details de l'utilisateur 
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a A la rubrique Parametres, dans la zone Langue de I'interface 
d'administration, choisissez French (FR). 

10 Dans la zone Langue de 1'interface publique, choisissez French 

(Fr). 

11 Dans la zone Editeur de I' utilisateur, choisissez Editor - 

TinyMCE 2.0. 

12 Dans la zone Fuseau horaire, choisissez (UTC +01:00) Heure 
d' Europe Centrale, Amsterdam, Berlin, Bruxelles, 
Copenhague, Madrid, Paris (ou le fuseau horaire 
correspondant au lieu geographique de l'utilisateur, si ce dernier 
ne reside pas en France). 

13 Cliquez sur le bouton Sauver. 

De retour dans le Gestionnaire des utilisateurs, le nouvel utilisateur est 
maintenant ajoute a la liste des utilisateurs. 
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Figure 6.9 : Le nouvel utilisateur apparalt desormais dans la liste des 
utilisateurs du Gestionnaire des utilisateurs 






REMAR0UE 



Confirmation de ('inscription par mail 

Lors de la creation du compte, le nouvel utilisateur regoit un courrier 
electronique qui lui est automatiquement adresse par Joomla. Ce mail 
presente la forme suivante : 

Bon jour XXX, 

Vous avez ete inscrit comme utilisateur de XXX par un 
administrateur . 

Cet email contient votre identifiant ainsi que votre mot 
de passe pour vous connecter a 
http : / /www . nomdedomaine . f r / 
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p 

ifiOUl 


— Identi 


f iant 


: XXX 
















- Mot de 


passe 


: XXX 














Ce 


message est genere aut 


.oma 


ti 


quement 


pour 


vot 


re 


in 


formation . 


Merci 


de ne 


pas 


y 


repondi 


•e. 







Vous allez tester 1' interface mise a la disposition de votre nouvel auteur, 
depuis le frontend. Avant cela, vous devrez ajouter un acces a cette 
interface, depuis l'un des menus du site. 

14 Cliquez sur Menu/Main Menu. 

La page Gestionnaire d'element de menu: [mainmenu] apparait. 

15 Cliquez sur le bouton Nouveau. 

La page Alias de menu: [ Nouveau ] apparait. 

IB Cliquez sur Articles puis sur Proposition d'article. 



Alias de menu: [Nouveau] 



Selection du type d'element de menu 



t 



(gj Lien interne 
Articles 
a Archives 

d List* de* articles archives 
3 Article 

g Un article 

d Proposition cTarticle 

Proposition d'article 



Ca'egzrie 

D Articles d'unE CI 



Pemnet aux utilisateur a de proposer un 
□ Liste das article article. 

ATTENTION: VataMe uniquement pour 
Page d accueil j e3 u tilisateuf & appartenant au greupe 

a Page d'aecueil ; dea auteljrs ou au * 9™upes de droite 
eupariaurs! 
_ Section 

d Articles d'une section don nee en blog 

° Liate dea categories d'une section. 



Figure 6. 70 : Un nouvel item, permettant I'acces a I'editeur 
d'articles, va etre ajoute au menu principal 

La page Alias de menu: [ Nouveau ] apparait. 
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17 Dans la zone Titre, saisissez par exemple Soumettre un 

article. 

18 Cliquez sur le bouton Sauver. 






REMAROUE 



Changer le titre du menu principal 

Si vous souhaitez franciser le titre du menu principal (pour 1' instant, 
Main Menu), effectuez 1' operation suivante : cliquez sur 
Extensions/Gestion des modules puis sur Main Menu, dans la liste des 
modules qui apparait dans le gestionnaire de modules. Changez le libelle 
Main Menu de la zone Titre en Menu principal. Cliquez sur le bouton 
Sauver. 



Vous allez, dans un premier essai, verifier que Faeces a l'editeur 
d' articles ne sera pas autorise a un utilisateur non authentifie. 

19Activez l'onglet de votre navigateur dans lequel est affiche le 
frontend puis actualisez la page en cliquant sur le bouton 
d'actualisation du navigateur. 

Le nouvel item est affiche dans le menu. 



Menu principal 



Home 
Creez votre 
web - 

Introduction 
Soumettre un 



article 



TS" 



Figure G.11 : 

Le nouvel item apparait dans le 
menu du frontend 



20 Cliquez sur le nouvel item du menu principal, affichant Soumettre 
un article. 
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Vous essuyez alors un refus severe de la part de Joomla : la mention 
Vous n'etes pas autorise a acceder a cette ressource est en effet affichee 
dans la page qui apparait. 




Figure 6.12 : Lacces a la page vous est interdit 

Vous allez maintenant effectuer la meme tentative, apres identification. 






REMAFtOUE 



Changer le nom du lien menant a la page d'accueil 

Si vous souhaitez franciser le lien ramenant a la page d'accueil de 
votre site, depuis le menu principal (portant jusqu'ici le nom Home), 
effectuez 1' operation suivante, depuis le backend : cliquez sur 
Menus/Main Menu puis sur Home, dans la liste des items de menu qui 
apparait dans le Gestionnaire d' elements de menu. Changez le libelle 
Home de la zone Titre, par exemple, en Accueil. Cliquez sur le bouton 
Sauver. 



21 Cliquez sur l'item du menu principal affichant Accueil (ou Home. 

selon que vous avez ou non renomme cet item de menu). 



1 %=£}* 



REMAROUE 



Changer le titre du formulaire d'identif ication 

Si vous souhaitez franciser le titre du formulaire d' identification 
(portant, pour 1' instant, le titre Login Form), effectuez 1' operation 
suivante : cliquez sur Extensions/Gestion des modules puis sur Login 
Form, dans la liste des modules qui apparait dans le Gestionnaire de 
modules. Changez le libelle Login Form de la zone Titre en 
Identifiez-vous, par exemple. Cliquez sur le bouton Sauver. 
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22 Sur la page d'accueil, sous le menu principal, est affiche le 
formulaire d' identification, dans la partie gauche de la page. 
Saisissez-y l'identifiant de l'auteur precedemment cree dans la 
zone Identifiant et tapez son mot de passe dans la zone Mot de 
passe. Cliquez sur le bouton Connexion. 



Menu principal 



• Accueil 

• Creez votre site 
web - 
Introduction 

• Soumettre un 
article 



Identifiez-vous 



Identifiant 
toto 



Mot de passe 



Se souvenir de moi D 



Connexion 

tr~ 



Figure 6. 13 : 

L 'identification d'un utilisateur depuis 
le frontend 



Les zones Identifiant, Mot de passe ainsi que le bouton Connexion sont 
masques et un message de bienvenue est affiche a l'intention de 
l' utilisateur. En outre, un bouton de deconnexion apparait. II permet a 
l'utilisateur de se deconnecter, s'il le souhaite (voir Figure 6. 14). 

23 Reiterez votre clic sur le lien Soumettre un article. 

La page Soumettre un article est affichee. Elle renferme les composants 
suivants : 

■ un editeur d' article, necessaire a la redaction de ce dernier, et 
identique a celui que vous avez deja utilise dans le backend ; (voir 
Figure 6.15) 
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Menu principal 



* Accuell 

* Creez votre site 
web - 
Introduction 

> Soumettre un 
article 



Identifiez-vous 

Bon jour toto, 
Deconnexion 



Figure 6. 74 : 

Un message de bienvenue indique a 
I'utilisateur qu'il est desormais 
connecte 
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Figure 6.15 : L'editeur d 'article, mis a la disposition du redacteur, depuis le 
frontend 

■ une rubrique Publication, permettant a l'auteur de definir les 
parametres suivants : section, categorie, affichage sur la page 
d'accueil, pseudo de l'auteur, date de debut de publication, date 
de fin de publication, niveau d'acces ; 



• ftan Ow 



Publication 
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Figure 6. 16 : La rubrique Publication 
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une rubrique Metadonnees permettant a l'auteur de definir les 
parametres suivants : description et mots-cles. 



f 



Metadonnees 



Mrtsf^s 



Figure 6.17 : La rubrique Metadonnees 

24 Saisissez un court article d'essai puis cliquez sur le bouton 
Sauvegarder. 

La page d'accueil est de nouveau affichee, avec la mention Merci de 
votre soumission. Votre proposition sera maintenant examinee avant d'etre 
publiee sur le site, a l' attention de l'auteur. 

Vous allez maintenant decouvrir comment un administrateur du site va 
pouvoir accepter ou refuser V article. 
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Welcome to the Frontpage 






Figure 6. 18 : La mention affichee sur la page d'accueil 

25 Activez l'onglet de votre navigateur dans lequel est affiche le 
backend puis cliquez sur Contenu/Gestion des articles. 

Le Gestionnaire d' articles est affiche. 

26 Cliquez sur l'en-tete de colonne Date, afin de classer les articles 
selon ce critere. 
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Les articles sont desormais classes par dates de creation et le nouvel 
article est affiche en premier. II n'est pas publie car cette tache vous 
incombe, apres verification du contenu redactionnel de 1' article propose 
par l'auteur. 



6.3. Utiliser la messagerie de Joomla 

Si plusieurs personnes collaborent a la redaction du site, la 
fonctionnalite de messagerie interne de Joomla peut se reveler un outil 
de communication tres utile, evitant aux collaborateurs l'adressage 
traditionnel de mails et delivrant a chacun ses message des son arrivee 
sur le backend (la messagerie est reservee aux personnes ayant acces a 
la partie privee de Joomla). 

Vous allez decouvrir cette fonctionnalite dans la manipulation qui suit. 

1 Cliquez sur Site/Gestionnaire des utilisateurs. 

Le gestionnaire des utilisateurs apparait. 

2 Cliquez sur le nom de l'utilisateur, cree a la section precedente, et 
disposant du statut d'auteur. 

3 A la rubrique Details de l'utilisateur, dans la liste Groupe, affectez a 
l'utilisateur le statut de gestionnaire. Verifiez que 1' option 
Recevoir les emails systeme est cochee sur Oui. Cliquez sur le 
bouton Sauver. 



Groups 

Bloquerl'util isa teur 

Recevoir les emails 
systeme 

Date d'inscription 

Date de la demiere visite 


Public Front-end 
. - Enregistre 
- Auteur 
- Editeur 

- Redacteur 
- Public Back-end 




1 - Gestionnaire 


- Administrates 

- Super Admin istrateur 


e Non ° Oui 

Non • Oui 

2009-06-07 15:04:14 

2009-06-07 16:44:41 





Figure 6. 19 : La modification du statut de l'utilisateur et /'activation 
de la reception des emails du systeme 
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Consulter les messages 

1 Activez le menu Outils/Lire les messages. 

La page Message prive, qui est alors affichee, presente la liste les 
messages regus. 

La colonne Lu permet de visualiser les messages lus (indiques par une 
coche verte) et ceux qui ne l'ont pas ete (indiques par une croix blanche 
sur fond rouge). Un clic sur l'en-tete de cette colonne vous permet de 
trier les messages. 

La liste Selectionner un etat permet de filtrer les messages lus et non lus. 
Un message est considere comme lu apres qu'il ait ete ouvert par un clic 
sur le libelle de son sujet. 




Message prive 



Q O 



1 □ 1 u*J iTonwH iTun urnuH 



•J AdnuniilTdDr 




Lump, m Jvn jam 



Figure 6.20 : La liste des messages recus 

2 Cliquez sur le libelle de l'un des sujets des messages pour 
consulter le contenu du message concerne. 

Le detail du message s'affiche dans la page Voir le message prive. II est 
possible d'y repondre en utilisant le bouton Reponse. 






REMAflflUE 



La configuration des parametres prives 

Dans la page Message prive, cliquez sur le bouton Parametres pour 
acceder a la configuration des messages prives. Dans la page 
Configuration des messages prives qui s'affiche, il vous est possible de 
verrouiller la boite de reception (si 1' option Oui est choisie, la boite ne 
regoit plus de messages), d'opter pour la reception d' emails 
d'avertissement lorsque de nouveaux messages sont regus, de definir le 
nombre de jours au-dela duquel les messages sont supprimes. 
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\ Configuration des messages prives 



Verrouiller Is boite de reception: 

Me prevenir par email lore de 
nouveaux messages: 

Purger autamatiquement les 
messages: 



■' Non ° Oui 
® Noil ° Oui 



jours 



Figure 6.21 : La configuration de ia reception des emails du systeme 



Supprimer un message 

Depuis la page Message prive, cochez la case a gauche du sujet du 
message puis cliquez sur le bouton Supprimer. 

La suppression est egalement possible depuis la page de detail du 
message en utilisant le bouton Supprimer. 



Ecrire un message 

1 Activez le menu Outils/Ecrire un message ou cliquez sur le 
bouton Nouveau de la page Message prive. 

2 Dans la liste deroulante de la zone A, choisissez un utilisateur. 

3 Saisissez l'objet du message dans la zone Sujet puis le contenu du 
message dans la zone Message. Cliquez sur le bouton Envoyer. 



s Rediger un message prive 



* © O 




Figure 6.22 : La saisie d'un message 

Depuis 1' interface d' administration, 1' utilisateur, a qui est envoye le 
message, visualise une enveloppe en haut a droite de sa fenetre. Un clic 
sur cette enveloppe permet d'acceder automatiquement a la liste des 
messages dans la page Message Prive. 
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l_fl Previsualiser "2 .36 1 U Deconnexion 
12 



Figure 6.23 : La reception de no uvea ux messages 



6.4. Utiliser la newsletter 

La fonctionnalite vous permet d'adresser en nombre un meme courrier 
electronique a des utilisateurs : 

1 Activez le menu Outils/Envoi d'email en nombre. 

La page Envoi massif d'e-mail est affichee. 

2 Dans la liste Groupe, cliquez sur le groupe d' utilisateurs auquel 
est destine le mail. Par defaut, 1' email sera envoy e a tous les 
groupes d'utilisateurs. 

3 La case a cocher E-mail aux sous-groupes permet de preciser si les 
sous-groupes du groupe d'utilisateurs choisi precedemment 
recevront egalement 1' email. 

4 La case Envoy er en HTML permet d'inserer des balises HTML dans 
le corps du message. 

5 La case Destinataires en copie cachee (Cci) permet de masquer au 
destinataire 1' ensemble des destinataires du message (le 
destinataire voit uniquement sa propre adresse email). 






REMARflUE 



Les filtres anti-spam des hebergeurs 

Afin d'eviter le spamming, de nombreux hebergeurs n'autorisent pas 
l'envoi d'un nombre illimite de courriers electroniques. Ceci peut done 
empecher le deroulement du traitement si le nombre de destinataires est 
trop important. 



Envoi rujMff dH-mall *. Q ■-' 



p f«» n 
i n 



Figure 6.24 : La page Envoi massif d'e-mail 
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1 ^ = ^ 1 



RENARflUE 



Ajouter un en-tete et une signature 

II est possible d' ajouter un texte d' en-tete et un autre de signature a 
tous les messages. Depuis la page Envoi massif d' e-mail, cliquez pour ce 
faire sur le bouton Parametres. Dans la fenetre qui apparait en 
surimpression, renseignez la zone Prefixe du sujet (elle apparaitra avant le 
contenu du message) et la zone Suffixe du corps du message (elle 
apparaitra apres le texte du message). 



— 9 
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Figure 6.25 : 

La fenetre de 
redaction du prefixe 
et du suffixe 



6.5. Effectuer une mise a jour de 
Joomla 

De nouvelles versions de Joomla sont regulierement publiees. II est 
conseille d'effectuer souvent la mise a jour du systeme ; les nouvelles 
versions apportant des correctifs de securite. 

Ces mises a jour s'effectuent d'autant plus facilement qu'elle sont 
realisees au moyen d'un installateur qu'il vous suffit de telecharger et 
d'executer. 

1 La version de Joomla que vous utilisez est affichee en haut a 
droite de la fenetre du backend. Vous pouvez egalement la 
connaitre en activant le menu Aide/Infos systeme : la version du 
CMS est indiquee a la ligne Version de Joomla!. 
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Figure 6.26 : La consultation de la version de Joomla depuis la page 
Informations, affichee par le menu Aide/Infos systeme 
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Pour telecharger la mise a jour, lancez votre navigateur Internet 
puis connectez-vous au site http://www.J00mla.fr. 

Cliquez sur le bouton Telecharger Joomla 1.5.XX accessible 
depuis n'importe quelle page du site ou sur l'onglet Aide puis le 
menu Telechargements depuis le menu principal et ensuite sur le 
lien Patches de mise a jour Joomla! 1.5.x. 
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Figure 6.27 : Le lien de telechargement de mise a jour 

4 En fonction de la version de votre site Joomla, cliquez sur le 
bouton Telecharger d'un des patchs. 

5 Dezippez le patch telecharge. 
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Figure 6.28 : Le contenu du dossier de /'archive du patch de mise a 
jour 

L'etape suivante doit etre realisee apres avoir effectue une sauvegarde de 
securite du systeme en place. 

6 A l'aide d'un logiciel de transfert FTP tel que Filezilla, copiez le 
contenu du dossier de 1' archive dezippee dans la racine du serveur 
du site Joomla. Confirmez le remplacement pour tous les fichiers. 

La nouvelle version du site est alors affichee depuis 1' administration. 
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6.6. Check-list 

■ Les images doivent etre preparees avant leur utilisation. De 
nombreux logiciels, gratuits ou pay ants, permettent d'effectuer ce 
traitement. 

■ Joomla permet de definir plusieurs niveaux d'acces, pour un 
travail collaboratif hierarchise. 

■ Le sy steme dispose d'une messagerie interne, facilitant les 
echanges entre les collaborateurs travaillant a la mise a jour du 
site. 

■ Joomla dispose egalement d'une fonction d'adressage de mailing 
list, autorisant 1' envoi en nombre de courriers electroniques. 

Des mises a jour du systeme sont regulierement mises en ligne. 
Apres telechargement, elles sont rapides a mettre en oeuvre. 
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Joomla renferme nativement, vous l'avez decouvert, de nombreuses et 
puissantes fonctionnalites auxquelles il vous est possible d' avoir recours 
via les modules et plugins presents dans le systeme. 

Toutefois, il se peut que vous ayez besoin d'autres traitements 
complementaires, initialement non integres dans le CMS. L'atout majeur 
de Joomla est alors la possibility de telecharger et d'implementer 
facilement des composants specifiques. 

Vous allez en decouvrir quelques-uns ci-apres et pourrez en telecharger 
d'autres sur le Web, en fonction de vos besoins. 



-0 



REMARflUE 



Oil trouver des composants ? 

De nombreux developpeurs proposent leurs composants sur le Web. 
Toutefois, nous vous conseillons de commencer votre exploration depuis 
le site officiel francophone de Joomla, a l'adresse http://www.joomlafrance 
.org.Cliquez pour cela sur l'onglet Extensions, sur Telecharger puis sur 
Extensions pour Joomla 1.5. Les extensions pour Joomla sont presentees 
par categories. 
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Figure 7. 7 ; Les extensions sont classees par categories 

En outre, de nombreuses extensions sont proposees sur le site officiel de 
Joomla, a l'adresse http://extensions.joomla.org/extensions. 
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7.1. Installer un composant 



Voici la methode generique d' installation d'un composant, apres que ce 
dernier a ete telecharge sur le disque dur de votre ordinateur. 

1 Depuis 1' administration de Joomla, cliquez sur le menu 
administrateur Extensions/lnstaller/Desinstaller. 

2 Dans la page Gestion des extensions, cliquez sur le bouton 
Parcourir de la rubrique Archive a transferer. 

3 Depuis la boite de dialogue Envoi du fichier, selectionnez 
1' archive du composant puis cliquez sur le bouton Ouvrir. 

4 De retour dans la page Gestion des extensions, cliquez sur le 
bouton Transfer! de fichier & Installation. 



1 % = i) a 



RENAROUE 



Desinstaller un composant 

Dans la page Gestion des extensions, cliquez sur l'onglet Composants. 
cochez 1' option a gauche du nom du composant puis cliquez sur le 
bouton Desinstaller. 









*J Gestion des extensions 








3 Q 

HwUer Me 








iniuli^iicr CG«ifoun;i. Mcdutai PkioNn 


L»nj(i*» TurinlJlii 
















2 Compeuni 


iCUt* Vitltoft 


Dm* 


hnm 


C«npiDWSt» 




1 O Bavn-; 


V 


/fri^OOd 


Jxxnla 1 J^rcjKl 


V 




? iSJ joom'f edi 


V 303 


1\ UMCh&OB 


rrvurMuwk 


V 




3 O hwntecds 


,/■ 


f^n ?»;. 


.fQijTrvjp FnPBECl 





Figure 7.2 : La desinstallation d'un composant 



Vous allez decouvrir, ci-apres, quelques composants significatifs. 

7.2. Faciliter la redaction des pages 
avec I'editeur JCE 

TinyMCE est I'editeur d' articles implements par defaut avec Joomla. 
C'est avec lui que vous avez, jusqu'alors, ecrit vos articles ou d'autres 
contenus redactionnels, tels que les descriptions des sections et des 
categories. 
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JCE est un editeur alternatif, largement plebiscite par de nombreux 
utilisateurs de Joomla. 

Nous vous proposons de decouvrir comment l'installer et de parcourir 
les possibilites qu'il vous offre. 



Installer I'editeur JCE 

1 Telechargez le fichier zip du composant d' administration et le 
plugin associe. Pour cela, connectez-vous au site http://www 
Joomlafrance.org puis cliquez sur l'onglet Extensions. Dans le 
menu de gauche, cliquez sur Telecharger. 

La page Gestionnaire de fichiers est affichee. 

2 Cliquez sur la categorie Extensions pour Joomla 1.5 puis sur J 1. 5 
Editeur HTML. Cliquez sur J 1.5 JCE Pack Editeur JCE 1.5 FR-EN 
puis sur Telecharger. 

La page affichee vous donne un descriptif precis du contenu de 
1' archive. 




Accueil >■ Telecharger 



Accueil 
News 



"■ Page principale du gestionnaire de fichiers ► Extensions pour Joomla 1.5 ► J1.5 Editeur HTML ► J1.5 
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Avec tutoriel cle cles installation et d' installation norrnale ou 
manuelle! 

• Doit etre decompresse avant installation ! 

• Support francophone : ice.sarki.ch 



Cul 



HI 



Figure 7.3 : Le telechargement de I'editeur JCE depuis le site 
http:/ /www. joomlaf ranee, org 

3 Enregistrez le fichier zip dans un dossier sur votre ordinateur. 
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REMAfiOUE 



Le site officiel de l'editeur JCE 

L'adresse Internet de l'editeur JCE est http://www.joomlacontenteditor.net. 



4 Decompressez le fichier archive telecharge precedemment 
(Pack_JCE1 5_Stable_FR-EN.zip). 

5 Depuis 1' administration de Joomla, activez le menu Extension 
puis Installer/Desinstaller pour afficher la page Gestion des 
extensions. 

6 Installez le composant d' administration, com Jce_1 5X_FR-EN.zip, 
depuis la rubrique Archive a transferer de l'onglet Installation. 
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Figure 7.4 : L'installation du composant d'administration de l'editeur 
JCE 
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P Gestion des extensions 



Insinuation Composants Modules Pluglns Langues Templates 



o 



Inslallateur Composant Succes 



Composant JCE 1.5 - Administration de l'editeur JCE et ses groupes 

JCEfJoomJa Content Editor} est une extension du systsmede Moxiecode TlnyMCE editor, pour Joomla! 

JCE ne pourrait exister sans les libraries de scripts: 

• Joomla! -obviously 

• TlnyMCE 

• Mootools 

• PHPThumb 

• q&(ID3 



Figure 7.5 : L'installation du composant d'administration de l'editeur 
JCE s'est deroulee correctement 
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7 Apres le message indiquant le succes de 1' installation du 
composant, cliquez sur l'onglet Installation de la page Gestion des 
extensions. Procedez a l'installation du plugin de l'editeur 
plgjce_ 1 5X_FR-EN.zip . 
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Figure 7.6 : L'installation du plugin d'administration de l'editeur JCE 
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REMAR0UE 



Installer manuellement le plugin de l'editeur JCE Editor 



Certains hebergeurs limitant le temps d' execution des scripts, il se 
peut que vous rencontriez un probleme, lors de l'installation du plugin. 
Effectuez alors une installation manuelle : apres l'installation du 
composant de l'editeur depuis 1' administration de Joomla, decompressez 
le fichier archive du plugin JCE, pig Jce_1 5X_FR-EN.zip. 



Dossiers 



B £3 JCE 

B (£) Pack_JCE15_Stable_FR-EN 
B £) PackJCE15_Stable_FR-EN 
B |£j plg Jce_153_FR-EN 

B (£) jce 
Ir^ Plugins additionnels gratuits 




jce 



@jce.php 
PHP Script 



16 Ko 



jce.xml 

Document XML 
42 Ko 



k 



* 



Figure 7. 7 : Le contenu du dossier du plugin plgjce_ 1 5X_FR-EN 

Transferez le contenu du dossier decompresse plgjce_15X_FR-EN au 
moyen d'un logiciel de transfert de fichier FTP tel que FileZilla, dans le 
dossier plugins/ 'editors de votre site web, sur les machines de votre 
hebergeur. 
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REMAfiOUE 



Site local: flck_JCE15_Stable_FR-EN'plgJce_153_FR-EN\plgJce_153_FR-EN\ v Site distant : /i 



H Q) JCE 

&■£) Pack_JCE15_Stable_FR-EN 
&■{£) Pack_JCE15_Stable_FR-EN 
3"£p plgJce_153_FR-EN 
Lt)-£> plgJce_153_FR-EN 
(r^ Plugins additionnels gratuits v 



-/plugins/editors 



i.?l authentication 
jffi i content 
Lt]-£> editors 



Norn / Taille Type 



Modifie 



Jce Dossier de fich 

jce.php 15 120 PHP Script 
jce.xml 42 293 Document XML 



Dossier de fichiers 1 2/06 ,''2009 1 2: 26 : 1 L 



4 



23, ■'05/2009 10:56:40 
05/06/2009 15:3 



I 



Norn / 

Sjce 
ij^tinymce 
Ir^ixstandard 
j6 , index. html 
d jce.php 
d jce.xml 
d none.php 
■Si none.xrnl 
■di. tinyrnce.php 
d tinyrince.xml 
d_ xstandard.php 
d_ xstandard.xrnl 



Figure 7.8 : Le transfert du contenu du dossier du plug in 
plgjce_ 1 5X_FR-EN dans le dossier plugins/ editors du site web 



Depuis 1' administration de Joomla, activez le menu Composants/JCE 
Administration afin d'afficher le panneau de controle de 1' administration 
de l'editeur JCE. 

Dans la page Administration de JCE, un message vous avertit de la 
presence du plugin. Cliquez sur le lien Finaliser /'installation du plugin JCE. 



O Administration de JCE 



Panneau da controte ccnngu ration Group* t Plugins installation 



? 



Lei frchwre du plugin JCE sent pretend »t [Installation pent etre finalwie - Fin3li.-flg |U 'intttall*tion du plugin JCE 







^ 




CnnfiguraliAn de JCF flexion PkiginS OsDnn Croupes 







F or u m J C E IS FR |<r.e1 ft sarfci chflonin 

Tutorfeii jce 1 .& FR ice 1 5 saffii ctvtutoneis 

Documentation 1.5 FR irelfnianVichj'docunnertaliori 

TflCfrcnamomiB nt 1 .s fr icel 5. mjw dirteictharijwncnt 

Forum offlciel JCE {en] www lorenl.iconcnnlnr.iior r nnvlar urr 

Tutflflels JCE <en| wwv.ioomlamrlcnlHiiior.comlulonafe 

Documentation JCE (enf www lOfflmLiconronjocfilor conVdoci/nenlatson 



Figure 7.9 : La finalisation de /'installation de l'editeur JCE 
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Declarer I'editeur JCE comme editeur 
par defaut 

1 Activez le menu Site/Configuration globale. Dans la rubrique 
Parametres du site de l'onglet Site, selectionnez Editeur JCE 
1.5.x dans la liste deroulante Editeur WYSIWYG par defaut. 

2 Cliquez sur le bouton Sauver. 



S Configuration generale 



S.te Syiteme Serveur 



Parametres du site 

Site hort llgne jg Mon ^-_ 



Message loraque le me c , jU< „ t , n »*inc*rn.ne» T <fer /> H*rci d* nwiic 

est Mora llgne u it4ji*iiiM«nt. 



Nomduille Mon ule 



Editeur WYSIWYG par Editeur XL 1 53 
defaut 



EdrleuJCEi53 






Longueur des h'ste 



Fdior ■ No Fdrlar 
Edrlor TirrvMCE20 



Figure 7. 10 : La definition de i'editeur JCE par defaut 

3 Vous pouvez vous assurer du bon fonctionnement du nouvel 
editeur en editant un article. 



1 




Article ; [ Editor j 




r*r* sets* *■ nnwkiwfl «v <*vnff, +&e Put*0 hq^ 9 a,,, 


Aim* m#m-\o,tntcx>«-t4K> Page rfeteuei ft fj^, c 0l]l 








SflCDOn Ho^ zt/H&rw* B Cat&OOne *toi c«ioon9* ▼ 




AftVtrtfMMflirtf 




3 J X -J^'Sa B / U 4KE S 3 ■ S* ■= j = 




■>--■■ - Fonndl - KHIte - Tailkr - ^ » j^ - X t x' Q, ft 




- - Qj iL @e 




o / L J* h ® 1 fi *;'. H E ffl d £ > - 




Niveau : initiation - Duree : 3 jours 




PfMaquis sft,o - i/ilner Wirdowi psuf eneiluer des caene* iOL'anles -ae ges-jsn 




ObJecMf readier un montage video proteeilonnel et^e d>*ruser <jhi* rJrrrerer^s tormati 


Notions de base 



Figure 7.11 : Un article, ouvert depuis I'editeur JCE 
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REMAROUI 



Aide sur ('utilisation de JCE 

Le site officiel de l'editeur, accessible au moyen du bouton Aide de 
l'editeur JCE, fournit une documentation tres complete sur 1' utilisation 
du composant et de nombreux tutoriels. 




Mmulim 



Porta* FR <ta .JCE 
PcrtarfFRJCEtl 
C-aHiMiisrte 

Fonm oAkk( EN ik- JCE 

PoT*fFR*iLic)ai;JOair*i1 
Siiei»S*tfU*in«M 

Ai^kI« ricsnlvn- -S a |C>jr 
* hf4(WIMti«tJnrvii«n 



Tilichargef 

ln«;iHitiop di JCE 
C Dnftgurilia n JCE 

Nettoyage du coi *id» <*. rtdn,,,^ 

Cii pdilqui* 
MM ■ paul I'lVWtf naCCllllrB d* mixiiiai n ir^u^n uu n 



■tfllagei pdiiiIAi 






\ 



Mttlev-W* du coat 

ltrtlfrr«Ur HI Mt Hin t 
UVL* PtkMIMt ft* t 

CwrKfH )»■ l «t «i Ov »■ 
Mo4*Pluafeif«* km „- 

- - : u ■ -»-f->. - 



Cinirilitt 
EitilarHcuf f.chlfrfi 

lm*g*iE(*ndn 
kttdlM 

Ll*tii Fkhlir* 
Mln in p ago 
Plugm* Olvirs 



■ nidation 



traoHfi 



■KM 
ct-iFicodr 



.■aici Ibi 



. ru&4«04M HHri eorirtrt*i at coo* 






Figure 7. 72 ; /_es tutoriels 



7.3. Gerer un site multilingue 
avec le composant JoomlFish 



La fonction de ce composant est de transformer votre site Joomla en un 
site multilingue. Le concept est le suivant : le contenu du site est 
duplique (articles, menus, ...) en un nombre egal au nombre de langues 
que vous avez determine puis vous effectuez la traduction de chacun de 
ces elements (les pages d'origine ne sont pas automatiquement 
traduites). 



Ajouter une langue a .'interface 

Independamment du contenu redactionnel dans les articles, le frontend 
et le backend peuvent etre traduits dans les langues de votre choix. II 
convient done de commencer par installer les packs de langues 
correspondant aux langues que vous souhaitez employer sur le site. 
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Telechargez le fichier archive de la langue souhaitee en vous 
connectant, depuis votre navigateur Internet, a l'adresse : 
http://community.joomla.org/translations.html (cette adresse propose 
des packs de langues telechargeables, realises par les equipes de 
developpement "Joomla! Translation Teams"). 




Figure 7. 73 ; Le telechargement de packs de langues 

2 Depuis 1' administration de Joomla, cliquez sur le menu 
administrateur Extensions/lnstaller/Desinstaller. 

3 Dans la page Gestion des extensions, cliquez sur le bouton 
Parcourir de la rubrique Archive a transferer. 

4 Depuis la boite de dialogue Envoi du fichier, selectionnez 
1' archive que vous venez de telecharger puis cliquez sur le bouton 
Ouvrir. 

5 De retour dans la page Gestion des extensions, cliquez sur le 
bouton Transfer! de fichier & Installation. 




Gestion des extensions 



Installation Composants Modules Plugins Langues Templates 

Archive a transferer 

AtC hwe lingi'WtJMiquo'.BuiMu'ico-tS.jtKnUa.lBng.hHI.I.S. 1 Ijjjj FanMurif- TlWAfan to ficftar £ IroiaAatan 



Figure 7. 74 ; /-'installation dune nouvelle langue 
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Pour verifier que la langue est installee, cliquez sur le lien 
Langues de la page Gestion des extensions ou activez le menu 
Extensions/Gestion des langues. 



U Gestion des extensions 



Installation 



Composants 



Modules 



Plugins 



Langues 




Installateur Langue Succes 



Figure 7. 75 ; lei, le pack de langues a ete installe avec succes 

La page Gestion des langues recapitule les langues installees. 

7 Si vous souhaitez modifier la langue par defaut, cochez 1' option a 
gauche de la langue souhaite puis cliquez sur le bouton Default. 



Gestion des langues 



■J 



tHfwJ Auto 



*— HmntNlhn 



tiiK 



1 ^^ 



"ID 



(A ■ ' ' LO 



HOTOMO 



Avtmr 
• ,.ii*>- .iitr-<j T — ■-■ — r»- 

Joarw'lr 



t m»J da rjuliur 
■tTMI^MHltl BTi 



Figure 7. 7£J ; Z_e c/70/x de /a langue par defaut dans le frontend 






REMARflUE 



Modification de la langue par defaut par un utilisateur 



Lorsque 1' utilisateur est connecte depuis 1' interface publique du site, il 
peut egalement modifier la langue depuis le formulaire Modifiez vos 
coordonnees pour le frontend et le backend. L'acces a un tel formulaire 
est ajoute dans le frontend sous la forme d'un item de menu par 
Menus/Nom du menu puis Nouveau et Utilisateur/Utilisateur/Parametres 
utilisateurs. 
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REMARQUE 



M 



odifiez vos coordonnees 



Nom de u£ihaa:euf 

Votre noni: 

E-m: 

Mot de posse: 

Verificabon du mot ce posse : 
Langue ce radrranistfalion : 
Langue ce la parte publtqus : 
Edi^eur da I'utilisat&ur 
Sice $a se : 
Fuaeau "sraire 



: - 






French (FR) 



French (FrJ 



- Choiaiaa&z [a langue 

Catalan 

English (United Kingdom) 



FrertchlFrl 



^ 



Ccode/iMale. Lcdres Lisbcmne. Casablanca 



Figure 7.17 : La modification de la langue 



Installer JoomlFish 



Vous allez maintenant installer le composant JoomlFish. II se compose 
de deux parties (l'une destinee au frontend et l'autre au backend). 

1 Telechargez sur votre ordinateur le fichier archive en vous 
connectant, depuis votre navigateur Internet, a l'adresse : 

http://www.joomfish.net. 



T»»»I|I H, 



H PKttlH MM ••*■ to M0 Urn* * 



CuaMi ' tai 1 T«l toftHft* M«>i ■■ mi 



to*M* O 



Download* 

JoomlFish 2.0,3 Stable 



T * iiiimii 



■> 



imi<i to JazT*di7D3 aultiuiiu I ' 



f**i mwnMn toik^intoribtotofltotenfroMH- V m ^ n iw # r M — ik^nMiffntnU 
jahiaj - fit MiMr ; ~ ,i t \ it I inn ill nmdir T>«ft|N4i )iMfi my*b vtoi M rniiini | 



Cof» EKtaislon Feedback 

fcp LtoM * ■ » * H flM 




Figure 7. 18 : Le site de telechargement de JoomlFish (la version 
stable a I'heure ou nous ecrivons ces lignes est la version 2. 0. 3 
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2 Depuis 1' administration de Joomla, cliquez sur le menu 
administrateur Extensions/lnstaller/Desinstaller. 

3 Depuis la boite de dialogue Envoi du fichier, selectionnez 
1' archive que vous venez de telecharger sur votre ordinateur puis 
cliquez sur le bouton Ouvrir. 

4 De retour dans la page Gestion des extensions, cliquez sur le 
bouton Transfer! de fichier & Installation. 



vJ Gestion des extensions 






Installation Composanls Modules PluoJns Lanflues Template* 






Archive a Uansfarar 


Archive. fgertw«^^mla'.1.5*jt£omp&i£knrLJoorriifish'JoofflFiali2.0'J-ZS(fl Pareounf- 


TranalMt de fehier & Insailsbwi 


k 





Figure 7. 19 : /-'installation de JoomlFish 
Apres installation, la liste des modules et plugins installes est affichee. 
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Vjtilb 
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Figure 7.20 : Les modules et plugins installes pour JoomlFish 

Le composant principal est JoomlFish Composant qui devra etre 
parametre ainsi que les modules modjflanguageselection, modjranslate, 
eventuellement, et le plugin Jfrouter. 
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5 Par defaut, l'interface de JoomlFish est en langue anglaise. Pour 
la franciser, retournez, depuis votre navigateur Internet, sur le site 
http://www.joomfish.net et cliquez sur le menu The Club/Club 
Downloads. 





JoJ^om! Fish 

~^\ _^fl multilingual content manager 




Home Blogs The Project 


The Club 


1 
Join the Club 










Club Extension Demos 








Become a Club Member 








You are interested in PDF documentation of Joe 




Club Downloads ^ 



Figure 7.21 : L'acces au telechargement du fichier de traduction en 
francais 

6 Cliquez sur le lien JoomlFish Translations puis sur le lien 
JoomlFish French de la page Folder: JoomlFish Translations pour 
telecharger 1' archive. 



-■ea Joom!F>sh translations 



f *cajiK 



T&l 



23 



"nn ftidtf TiElLdM me Irinslitar.i forttia tiffflniloni HuB 

ThtH 1rwiliBor>t ir» provWKl fy wraui eontnt-tCafB ird Qltin uptiilM Miny Ihnnki iprym it 
ywi Ein nod *r>fl yejr own urtguog* m en* fr*P5i#nom ovvdv/wtwouU lovtlo e»t ■ c«k*3« 
from ywiflnfl ofnfrtlci sglpwnlo*o Ppr IV^[i»r m^rnvfllipfi pl(flj» -a<) 



a«<KP»y0U»V 



Figure 7.22 : Le lien de telechargement 




JoomFish French 

Uploaded : Thursday, 28 August 2 Q D 6 00:28 

Modified Sun toy. 05 October 200811:38 

French Translation of JoomfFish I' you have French language installed in you Joom'F;£h just 
download the zip and install it via the Joomla! inslalFator. 



Download Now 



t 



Figure 7.23 : Le bouton de lancement du telechargement 

7 Depuis l'interface d' administration de Joomla, cliquez sur le 
menu Extensions/lnstaller/Desinstaller. 
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La page Gestion des extensions est affichee. 

8 Cliquez sur le bouton Parcourir de la rubrique Archive a transferer. 

9 Depuis la boite de dialogue Envoi du fichier, selectionnez 
1' archive que vous venez de telecharger sur votre ordinateur puis 
cliquez sur le bouton Ouvrir. 

10 De retour dans la page Gestion des extensions, cliquez sur le 
bouton Transfer! de fichier & Installation. 



yj Gestion des extensions 








Installation Composanls Modules Pluqins Lancues Templal&B 
















ArtNtVfl a CransJere r 
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Figure 7.24 : /-'installation de la traduction de JoomlFish 




Gestion des extensions 



Installation 



Composants 



Modules 



Plugins 




Installateur Langue Succes 



Localisation of JoomlFish extensions. 
AuthonChristophe Vouaux 
Contacts: Christophe Vouaux. 



Figure 7.25 : L'installation s'est effectuee correctement 
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REMAROUE 



Emplacement desfichiers langue 

Dans l'arborescence des dossiers du systeme, les fichiers langue 
portent 1' extension Jni et sont encodes selon la norme UTF8. 

Les fichiers utilises par le backend sont places dans le repertoire 
administrator/language/ puis dans un dossier specifique a la langue (fr-FR/ 
pour le francais, par exemple). 

Les fichiers utilises par le frontend sont places dans le repertoire language/ 
puis dans un dossier specifique a la langue (fr-FR/ pour le frangais, par 
exemple). 



Parametrer la langue de reference 

Dans cet exemple, vous allez apprendre a parametrer le frangais comme 
langue de reference. 

1 Activez le menu Extensions/Gestion de Langues. 

La page Gestion des langues est affichee. 

2 Cochez 1' option a gauche de la langue arm de choisir la langue 
par defaut du site, qui sera la langue principale et de reference. 
Cliquez sur le bouton Defaut. 

3 A ce stade, les autres langues necessaires ont ete installees, 
comme nous l'avons montre precedemment. 



Ir " : Gestion des langues 



D 



Lanuuv 



3 • Fftudifffl 



Vipnae Dai* 

I i 9 2OX03 I :, 



ElTilJ il* Tiulreji 



>5. 
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Figure 7.26 : Le choix de la langue principale du site 






REMAROUE 



Langue de reference 

II est obligatoire de definir une langue principale ; ce sont les contenus 
ecrits dans cette langue qui serviront de modeles aux traductions. 
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Vous allez maintenant activer les langues du site depuis 1' interface du 
composant JoomlFish. 

4 Activez le menu Composants/JoomlFish/Languages. 

La page JoomlFish Language Manager est affichee. 

5 Cochez les cases de la colonne Actif correspondant aux langues a 
utiliser dans le site. La langue principale doit etre egalement 
cochee (ici, le frangais est la langue par defaut). 

6 Cliquez sur le bouton Appliquer. 



I JoomlFish Language Manager 1H V w *. 
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Figure 7.27 : L'activation des langues du site 



1 ^J}* 



REMARQUE 



Associer un drapeau a une langue 

Dans l'arborescence des dossiers du systeme, placez l'image du 
drapeau dans le dossier components\comjoomfish\images\flags. Dans la 
page Gestion des langues JoomlFish de 1' interface, saisissez le nom de 
l'image en chemin relatif dans le champ Nom de fichier de I' image. 






Acces aux parametres 

REMARQUE i ~ ^ i ,,i 

A cote du nom d une langue, le bouton Config donne 
acces aux parametres de la configuration globale 
specifiques a cette langue. 




Acceder aux parametres generaux 

1 Activez le menu Composants/Joom !Fish/Panneau de contrdle. 
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La page JoomlFish : Gestionnaire de contenu multilingue pour Joomla! est 
affichee. 

2 Cliquez sur le bouton Parametres. 




Pinr+4 u <i* enriirtum tptdiK&OT Frrtu i ^ j m wptwtmt ^nton <d«i 1r*diKlH«4 5t*1>i"KiM*i Cpnrtflyiten Lppdu* 

E+mf nl-i c* Cc-ltnu AM* & iilbcei 

Figure 7.28 : La page JoomlFish :: Gestionnaire de contenu 
multilingue pour Joomla i 

La page JoomlFish est affichee. 

3 La liste deroulante II n'y a aucune traduction disponible vous permet 
d'opter pour l'un des choix suivants, concernant les contenus non 
traduits : 

— Contenu original. Lorsque cette option est choisie, 1' article 
d'origine est affiche dans la langue par defaut. 

— Texte par defaut. Lorsque cette option est choisie, le texte saisi 
dans la zone Texte par Defaut se substitue au texte de 1' article 
(vous pouvez avoir recours a une mention du type M Cet article 
n'a pas encore ete traduit. Nous vous in vi tons a consulter cette 
page ulterieurement"). 

— Contenu original avec infos. Lorsque cette option est choisie, 
1' article d'origine est affiche, dans la langue par defaut, auquel 
s'ajoute un texte informatif complementaire, renferme dans un 
fichier du type xx-XX.comjoomfish.ini (dans lequel xx-XX 
indique la langue). 

— Le contenu original propose egalement des traductions. Lorsque 
cette option est choisie, 1' article d'origine est propose, dans la 
langue par defaut, accompagne de drapeaux indiquant les 
langues pour lesquelles la traduction a ete effectuee. 

4 La liste de choix Overwrite global config values autorise, selon 
1' option choisie, d'indiquer si les parametres de configuration 
globale par langue doivent rester prioritaires ou non. 

5 La liste de choix Publie a partir du frontend ? permet d'indiquer si 
les redacteurs sont autorises ou non a publier les traductions 
depuis 1' interface du frontend. 
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La liste de choix Show default language in administration permet 
d'indiquer si la langue par defaut peut ou non etre activee dans 
l'interface de traduction. 

La liste de choix Copy original params to empty translation permet 
d'indiquer si les parametres de l'article d'origine doivent etre 
recopies dans la traduction. 

La liste de choix Enable translation caching permet d'indiquer si le 
cache doit ou non etre active pour les traductions. 
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Figure 7.23 : La page JoomlFish 
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Activation du cache lors de traductions 

II est preferable d'activer le cache uniquement lorsque le travail de 
traduction des articles est termine afin de ne pas devoir le vider a chaque 
modification (commande Outils/Nettoyer le cache), lors du controle du 
resultat obtenu dans le frontend. 



9 Cliquez sur le bouton Sauver. 
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La traduction d'un article 

1 Depuis le panneau de controle de JoomlFish, cliquez sur l'onglet 
Traduction. 

2 Dans la page Traduction, choisissez la langue dans laquelle la 
traduction sera effectuee dans la liste deroulante Langue. 
Choisissez le type d'element Contents dans la liste deroulante 
Elements de contenu. 

3 Choisissez une section pour filtrer les elements puis cliquez sur le 
titre de 1' article. 
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Figure 7.30 : La selection de I article a traduire 

La page qui est alors affichee presente, en double, les zones constitutives 
de 1' article (dans la langue d'origine et dans la langue dans laquelle la 
traduction est effectuee) : 

■ le titre ; 

■ 1' alias (ressaisissez un alias specifique a la traduction, dans la 
langue utilisee) ; 

■ le texte d' introduction ; 

■ le corps de 1' article ; 

■ les images ; 

■ les meta-instructions ; 

■ la date de debut de publication ; 

■ la date de fin de publication ; 
diverses autres informations. 
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Pour effectuer la traduction d'un article, la traduction doit etre saisie 
dans les zones idoines ou le texte d'origine copie au moyen du bouton 
Copier place a cote de chacune des zones. 
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Figure 7.31 : La page Traduction d'un article 

4 Cochez la case Publie afin d'activer la traduction. 
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Figure 7.32 : 

La publication de la 
traduction 



5 Cliquez sur le bouton Sauver. 



«3P 
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Connaitre I'etat d'avancement des traductions 

Dans la page Traduction, sont affiches, dans la colonne Etat, differents 
symboles indiquant I'etat d'avancement de la traduction des divers 
elements constitutifs du site. La signification de ces symboles est 
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indiquee au bas de la page (traduction a jour, traduction incomplete, 
traduction inexistante). 
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Figure 7.33 : Les etats des traductions 
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Traduire un menu 

Les articles ne sont pas les seuls composants du site a pouvoir etre 
traduits. Pour traduire un menu, cliquez sur l'onglet Traduction. Dans la 
page Traduction, choisissez la langue appropriee dans la liste deroulante 
Langue. Choisissez ensuite le type d' element Menus dans la liste 
deroulante Elements de contenu. Cliquez sur le menu a traduire. 



Traduire directement des contenus 

II existe un autre moyen d'effectuer des traductions. Voici un exemple 
de ce mode operatoire, applique a un article. 

1 Affichez la page Gestion des articles par le menu Contenu/ 
Gestion des articles. 

2 Cochez la case a gauche du titre de l'element a traduire puis 
choisissez la langue dans la liste deroulante du module 
modjranslate affiche en haut a droite, dans la fenetre 
d' administration. 
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Figure 7.34 : Le choix de la langue de traduction dans le module de 
type mod_translate 
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La page Traduction de l'article a traduire s'affiche dans une fenetre. 



1 %J) t 



REMAROUE 



Activation du module 

Le module de type modjranslate doit etre active depuis la page des 
modules de l'administrateur. Effectuez cette operation en cliquant sur le 
menu Extensions/Gestion des Modules puis sur l'onglet Administrateur. 
Verifiez que le module, dont le nom par defaut est Direct Translation, est 
active. 
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Figure 7.35 : Le module mod_translate active dans les modules de 
l'administrateur 
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Traduction orpheline 

Ce terme designe les traductions pour lesquelles la version d'origine 
n'existe plus. Vous pouvez lister 1' ensemble des traductions orphelines 
via l'onglet Traductions orphelines de 1' interface de JoomlFish. 



Parametrer le choix de la langue utilisee 
dans le f rontend 

Lorsque vos traductions sont effectuees, il vous est possible de choisir la 
langue utilisee dans la partie publique du site. 

1 Activez le menu Extensions/Gestion des Modules puis cliquez 
sur le module Language Selection de type modjflanguageselection. 

2 La liste deroulante Apparance du selecteur de langue permet de 
definir 1' aspect du selecteur de langue dans la partie publique. 
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Module: [Editar] 
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Figure 7.36 : Les choix du selecteur de langue 



I 1 1 F re n ch ( F r) 
1 1 French (Fr) 

rec 



English (United Kingdom) 



Figure 7.37 : Le choix de la langue dans une liste deroulante depuis 
la partie publique 



7.4. Gerer des documents 
avec DOCman 

DOCman est un composant permettant de grouper des fichiers et des 
descriptifs, d'y associer des licences d'utilisation et de rendre leur acces 
reserve au telechargement a des groupes d'utilisateurs choisis. Le 
systeme fournit egalement une fonction de recherche dans les 
documents et des statistiques relatives aux telechargements effectues. 

Telechargez les fichiers des archives du composant DOCman depuis 
l'adresse http://www.joomlatools.eu/downloads/cat_view/8-docman.html proposee 
sur le site http://extensions.joomla.org : 

■ le composant com_docman_1 A.O.stable.zip ; 

les fichiers frangais pour l'interface, french_docman_v1 A.O.zip. 
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Figure 7.38 : Le telechargement du composant DOCman depuis le 
site http: //www. joomlatools. eu 

La version 1.4.0 ne fonctionne pas nativement avec la version 1.5.x de 
Joomla ; le plugin de compatibility System - Legacy doit etre active. 






REARGUE 



L'activation du plugin de compatibility Legacy 

Certains composants ne fonctionnent pas nativement avec la 
version 1.5.x de Joomla, e'est le cas de composants developpes pour des 
versions anterieures de joomla (les versions 1.0.x), ils ne s'installeront 
pas si le plugin de compatibility System - Legacy n'est pas active. 



$J Gestion des extensions 



Intnllaikm C«ip«uni Mt-dul+i Pbplni Lmgun TMfUH 



I 1 



»Hf niifln mnfei» tor* tcrit* pour im« me "wpp* vintfed ■*■ JtXmtd. Vevi d«v*i pvM»r b pkwn #• tBmpjnt>.w (.<*?*;&. dtapWbta dam EHmiwi > 
n b* PluajfiL. pbur inn liMircMBA oftfnaon 



o 



:ri-j jtt-ur Ccmpcuri Est but 



Figure 7.33 : Le composant ne peut pas s'installer sans l'activation du 
plugin Legacy 

Par defaut, le plugin Legacy n'est pas active. Pour l'activer, utilisez le 
menu Extensions/Gestionnaire. Dans la page Gestion des plugins, cochez la 
case a gauche du nom du plugin System - Legacy puis cliquez sur le 
bouton Actif ou cliquez sur le rond rouge avec une croix blanche de la 
colonne Active. 
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Figure 7.40 : L 'activation du plugin System - Legacy 
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REMARQUE 



Le fichier de langues de DOCman 

Si 1' interface du composant DOCman n'est pas francisee, le fichier 
archive french_docman_v1 .4.0. zip doit etre decompresse. 
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Figure 7.41 : Le contenu de I archive french_docman_v1 .4.0. zip 

Le dossier language doit etre ensuite transfere dans le dossier administrator 
components\com_docman et le dossier themes dans le dossier components\ 
comjdocman de votre site web, sur les machines de votre hebergeur au 
moyen d'un logiciel de transfert de fichier FTP tel que FileZilla. 
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Figure 7.42 : Le site de I'equipe de deveioppement du composant 
Community Builder, http://www.joomlapolis. com, utilise Docman pour la 
gestion des documents 
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7.5. Gerer des utilisateurs 
avec Community Builder 

La fonction de cette extension est d'aj outer des fonctions relatives a la 
gestion des utilisateurs : 

■ ajout de champs dans de nombreux types (listes de choix, cases a 
cocher, emails, mots de passe, boutons d' options, etc.), 
caracterisant les utilisateurs ; 

■ ajout possible d' avatars (icones representant les utilisateurs) ; 

■ envoi d'un courrier electronique apres qu'un formulaire a ete 
utilise pour adresser un message a un utilisateur ; 

■ recherche des utilisateurs. 

La derniere version est telechargeable sur le site de l'equipe de 
developpement du composant : http://www.jOOmlapolis.com. La version 1.2 
est operationnelle sur Joomla 1.5. 

Une documentation, en anglais, est egalement proposee sur le site 

http://joomlapolis.com. 

Apres avoir decompresse 1' archive, il vous faut installer le composant 
com_comprofiler.zip puis les modules et enfin le plugin de langue en 
frangais (ce dernier s'installe depuis l'interface du composant dans la 
gestion des plugins de Community Builder). 

7.6. Gerer une galerie de photos Phoca 
Gallery 

Cette extension a pour fonction de gerer des galeries d' images avec 
diaporamas. II est possible de la lier avec le module de commerce 
electronique VirtueMart ainsi qu'avec les fichiers video en ligne sur le 
site de YouTube. 

Vous pourrez telecharger les fichiers des archives du composant Phoca 
Gallery depuis l'adresse http://www.phoca.cz/download. 
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Figure 7.43 : Le telechargement du composant Phoca Gallery depuis le site 
http://www.phoca. cz 



7.7. Gerer des newsletters 
avec Communicator 

Cette extension, integralement traduite en frangais, repose sur une 
fonctionnalite de gestion de newsletters. Elle integre notamment une 
fonction de desabonnement, une fonction de recherche, une gestion de 
listes d'abonnes (avec importation et exportation), l'utilisation de l'editeur 
WYSIWYG, l'enregistrement aux formats texte brut et HTML (avec 
utilisation des feuilles de style), la liaison avec les articles du site, etc. 
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Figure 7.44 : Le telechargement du composant Communicator depuis le 
site http : //www. joom la f ranee, org 
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Figure 7.45 : L'interface du composant Communicator 



7.8. Gerer des groupes avec GMAccess 

Ce composant a pour fonction de gerer des groupes d'utilisateurs plus 
efficacement que le systeme de gestion natif de Joomla, ainsi que les 
droits d'acces associes au frontend et au backend. 

Vous pouvez telecharger GMAccess a l'adresse http://www.edllVS.ch 

/gmaccess. 
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Figure 7.46 : Le telechargement du composant GMA depuis le site 
http:/ /www. joomiaf ranee, org 
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7.9. Installer de nouveaux templates 

Modifier l'apparence du site est une operation tres aisee, comme vous 
l'avez deja decouvert, par la simple application d'un template, sans que 
le contenu redactionnel en soit affecte. 

Le nombre de templates livre avec Joomla est toutefois restreint. Aussi 
apprecierez-vous certainement de decouvrir que de nombreux 
developpeurs, doubles d'infographistes doues, pour certains, mettent a 
votre disposition un tres grand nombre de templates gratuits en ligne sur 
le Web. 
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Vous trouverez sur Internet un nombre incalculable de templates, 
gratuits pour la plupart. Certains concepteurs proposent egalement des 
templates pay ants, a des prix attractifs, dotes de fonctionnalites et 
d'habillages graphiques indeniablement attrayants. Si l'un d'entre eux 
vous convient, la solution consistant a en faire 1' acquisition se revelera 
generalement un bien meilleur calcul que de passer beaucoup de temps a 
1' adaptation d'un template gratuit ou a la creation de votre propre 
template, si vous ne disposez pas d'une certaine experience en matiere 
de codage php et de techniques d' utilisation des feuilles de style (fichiers 
ess), rouages sur lesquels sont bases les templates. 

L' achat d'un template constitue en outre un encouragement, pour ses 
developpeurs, qui participent a l'essor du CMS. 
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Creer son propre template 

REMARQUE 

Si, apres avoir parcouru les nombreux sites proposant des templates 
Joomla (saisissez "template joomla" dans la zone de recherche de 
Google pour les decouvrir), aucun d'entre eux ne vous convient, rien ne 
vous empeche de creer votre propre template. Vous devrez alors vous 
documenter sur cette technique car il vous faudra respecter quelques 
regies de construction. 



Rechercher des templates 

V 

A titre d'exemple, vous allez ici parcourir les nombreux templates 
proposes en telechargement sur le tres repute site allemand : 

http://www.joomlaos.de. 



246 



LE GUIDE COMPLET 



Installer de nouveaux templates 



Chapitre 7 



1 Depuis votre navigateur Internet, connectez-vous a l'adresse 

http://www.joomlaos.de. 
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Figure 7.47 : La page daccueil du site http://www.joomlaos.de 
2 Dans le menu Main Menu, cliquez sur Template Galerie. 
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Figure 7.48 : 

Le lien menant a la 
galerie de templates 
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3 Dans la page qui apparait, cliquez sur Templates fur Joomla 1.5. 




Templates fur Joomla 1.5 

Diese Templates sind nur kompatibel zu Joomla ab Version 1.5 

Lctztc Andcruna am t)/.U4.2uuy. uic-scs Album cmthalt /ii Templates. 



Figure 7.49 : Ce lien mene aux templates specifiques a la version 1 .5 
de Joomla 

La page affichee vous propose trois types de templates : 

■ les templates a largeur fixe ; 

■ les templates a largeur variable (en fonction de la taille et de la 
resolution dans lesquelles le site est vu) ; 

■ les templates a largeur parametrable. 

Telecharger des templates a largeur fixe 

1 Cliquez sur la premiere vignette, legendee Album: Statische 
Templates. 
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Album: Statische Templates 



Figure 7.50 : 

La vignette symbolisant la 
galerie de templates 
statiques 



La zone de presentation des templates statiques est affichee. Elle se 
compose de nombreuses pages, que vous pouvez parcourir au moyen de 
boutons de navigation. 
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Figure 7.51 : La premiere page de presentation des templates statiques 

2 Parcourez les pages proposees au moyen des boutons de 
navigation. Lorsqu'une vignette presente une mise en forme qui 
semble vous convenir, cliquez sur le lien Live Preview affiche sous 
la vignette. 

Un site Joomla de demonstration sur lequel est applique le template est 
alors affiche dans un nouvel onglet, vous permettant ainsi d'apprecier le 
rendu du template. 




Figure 7.52 : 

Le site de demonstration 
presentant le template 
BeeTeddy 
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3 Lorsque votre choix est fait, cliquez sur le lien Download, affiche 
sous la vignette du template, dans l'une des pages de presentation 
des templates a largeur fixe. 

Une page de description du template apparait, affichant notamment les 
parametres specifiques au template, qu'il vous sera possible de modifier 
depuis le backend, apres installation. 
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Figure 7.53 : 

La page de description du 
template 



4 Cliquez sur le lien Download. 

5 Dans la page qui apparait, cochez la case indiquant que vous 
acceptez les conditions d' utilisation et cliquez sur le bouton 
Download. 

La boite de dialogue de telechargement est affichee. 

6 Enregistrez le fichier compresse, au format zip, sur votre 
ordinateur. 

Telecharger des templates a largeur variable 

La procedure de telechargement est identique a la precedente, a cette 
nuance pres qu'il vous faut cliquer sur la seconde vignette, dans la page 
proposant les trois types de templates pour Joomla 1.5. 
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Album: Dynamisch 



Figure 7.54 : 

La vignette symbolisant la galerie 
de templates dynamiques 
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Figure 7.55 : La premiere page de presentation des templates a largeur 
variable 



Telecharger des templates a largeur 
parametrable 

La procedure de telechargement est identique a la precedente mais il 
vous faut cliquer sur la troisieme vignette, dans la page proposant les 
trois types de templates pour Joomla 1.5. 
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Figure 7.56 : 

La vignette symbolisant la galerie de 
templates a largeur parametrable 
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Figure 7.57 : La premiere page de presentation des templates a largeur 
parametrable 



Installer un template telecharge 

L' installation d'un template, apres qu'il a ete telecharge, s'effectue aussi 
simplement qu'est realisee 1' installation d'un composant. 

1 Depuis le backend, cliquez sur Extensions/lnstaller/Desinstaller. 

La page Gestion des extensions est affichee. 
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2 Dans la zone Archive a transferer, cliquez sur le bouton Parcourir 
puis selectionnez le fichier compresse au format zip, telecharge 
precedemment sur votre ordinateur. Cliquez sur le bouton Ouvrir 
puis sur le bouton Transfer! de fichier & Installation. 

Le message Installateur Template Succes est affiche dans la page. 

3 Cliquez sur Extensions/Gestion des templates. 

La page Gestion des templates est affichee. 

4 Cochez 1' option a gauche du nom du template puis cliquez sur le 
bouton Defaut. 

5 Affichez la partie publique du site dans un autre onglet et cliquez 
sur le bouton d'actualisation de votre navigateur pour visualiser le 
site apres application du nouveau template. 




Figure 7.58 : Le nouveau template a ete applique (il sagit ici du tres 
original template Beeteddy) 



Parametrer un template 

V 

Les parametres varient d'un template a l'autre. A titre d'exemple, vous 
allez acceder a ceux du template precedemment installe. 

1 Depuis le backend, cliquez sur Extensions/Gestion des templates. 

2 Cliquez sur le nom du template. 

La page Template: [ Editer ] est affichee. La rubrique Parametres affiche 
les parametres specifiques au template, qu'il vous est possible de 
modifier pour personnaliser l'affichage. 
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Figure 7.59 : Les parametres du template 



7.10. Check-list 

■ Joomla autorise 1' installation de tres nombreux composants 
complementaires, facilement telechargeables sur le Web. 

■ Le composant JCE est tres employe par les utilisateurs de Joomla 
pour ameliorer les fonctionnalites natives de l'editeur 
WYSIWYG. 

■ Le composant JoomlFish permet de creer des sites multilingues. 

■ Le composant DOCman permet la gestion et le telechargement de 
documents. 

Le composant Community Builder permet d' ameliorer la gestion 
des utilisateurs. 

■ Le composant Phoca Gallery permet la gestion avancee de 
l'affichage des images. 

■ Le composant Communicator permet une gestion amelioree des 
newsletters. 

■ Le composant GMAccess permet la gestion des groupes. 

■ Des centaines de templates, le plus souvent gratuits, sont 
telechargeables sur Internet. Leur mode d' installation est 
identique a celui des composants. lis permettent de modifier 
radicalement la mise en forme sans affecter le contenu 
redactionnel du site. 
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Une des grandes originalites de Joomla, ce qui le differencie 
notablement des autres systemes de gestion de contenus, est sa 
possibility d' implementation du composant VirtueMart, l'un des 
systemes OpenSource les plus efficaces en matiere de gestion de 
commerce electronique. 

Cette section lui est dediee. Vous y apprendrez comment transformer 
votre site vitrine en une veritable boutique en ligne qui n'aura rien a 
envier, en termes de fonctionnalites, aux grands sites de vente en ligne, 
jusqu'alors reserves aux grosses structures logistiques et financieres. 

8.1. Comprendre le concept 
de VirtueMart 

VirtueMart est une solution OpenSource de E-Commerce utilisee avec 
Joomla, egalement developpee en PHP et utilisant la base de donnees 
MySQL. 

Les points forts de VirtueMart 

Simple a utiliser (la prise en main de 1' interface de VirtueMart requiert 
quelques heures) et a implemented le composant n'en est pas moins un 
formidable outil complet, disposant, en outre, de nombreuses extensions 
telechargeables sur le Net. 

VirtueMart dispose de sa propre interface de gestion, qui s'integre dans 
celle de Joomla, et depuis laquelle vous gererez la totalite de vos 
produits (materiels ou immateriels) et services vendus en ligne, classes 
par categories et par sous-categories (ce classement hierarchique peut 
etre etendu sans limites). 

Les fonctionnalites du systeme vont bien au-dela de celles d'une petite 
boutique en ligne. Citons, a titre d'exemple : 

■ la gestion des caracteristiques des produits ; 

■ la gestion des promotions et des soldes (parametrables en fonction 
de l'appartenance des clients a certains groupes) ; 

■ un module d'affichage aleatoire des produits ; 

des tarifs affichables hors taxes ou toutes taxes comprises ; 
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un moteur de recherche ; 

une gestion des stocks ; 

des importations et exportations de fichiers ; 

une gestion des groupes (utilisateurs et clients) ; 

de nombreux types de paiements securises ; 

des statistiques des ventes ; 

une gestion de devises differentes ; 

une gestion de pays differents ; 

une gestion des expeditions et des frais inherents ; 

une gestion des taxes, etc. 



Le site officiel de VirtueMart 

L'adresse du site officiel de l'equipe de developpement de VirtueMart 
est http://www.virtuemart.net. Vous y trouverez de nombreux tutoriels, 
demonstrations, exemples, extensions, forums, ainsi que divers 
complements proposes en telechargement. 
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Figure 8. 1 ; Z_e s/te officiel de VirtueMart 
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Le menu Home/Demo du site propose, depuis le lien Live Shops, des 
exemples de boutique utilisant la solution VirtueMart. 



Live Shops 



Below you find a list of LIVE SITES using VirtueMart / mmmbo-phpShop. 
These are live shops - please do not make any test orders there? 
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Figure 8.2 : Des exemples de boutiques 

Depuis la page VirtueMart Demo, le lien Demo (shopper) permet de tester 
VirtueMart en tant qu'acheteur pour obtenir un apergu des principales 
fonctionnalites de VirtueMart et passer des commandes. Le site de test 

est http://demo.virtuemart.net. 
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Figure 8.3 ; La page VirtueMart Demo depuis le site virtuemart.net 
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Le lien DEMO (administrator) de la page VirtueMart Demo permet de tester 
la partie administration de VirtueMart. 



8.2. Installer VirtueMart 

II vous est possible d' installer Joomla et VirtueMart simultanement. 
Vous pouvez egalement opter pour une installation classique de Joomla 
suivie d'une installation separee de VirtueMart. (Cette solution 
interessera notamment ceux d'entre vous qui sont desireux de mettre en 
ligne un site vitrine, dans un premier temps, avant de le transformer en 
boutique en ligne.) 

Les modes operatoires relatifs aux deux methodes d' installation sont 
decrits ci-apres. 



Premiere methode d'installation : Installer 
simultanement Joomla et VirtueMart 

Voici une premiere methode d'installation de Joomla et de VirtueMart, 
par le biais d'un package unique d'installation des deux produits. 

Le site officiel de VirtueMart fournit un package comprenant a la fois 
Joomla et VirtueMart, nomme VirtueMart eCommerce Bundle. II permet 
une installation complete de Joomla et de VirtueMart en une seule 
operation. Les versions utilisees dans le package sont, a ce jour, la 
version 1.5.9 pour Joomla et la version 1.1.2, concernant VirtueMart. 
L' interface d' administration du site est en anglais et Joomla a ete 
specialement modifie pour VirtueMart. 






Compatibilite du package 

REMARQUE r 

S'il offre l'indeniable avantage d'etre simple et rapide a installer, ce 
package Joomla- VirtueMart a necessite, pour sa creation, une 
modification du code initial de Joomla, par l'equipe de developpement 
de VirtueMart. Pour des raisons de compatibilite avec 1' ensemble des 
extensions en ligne sur le Web, nous preferons utiliser la methode 
traditionnelle d'installation, reposant sur 1' implementation de Joomla 
puis de VirtueMart (cette methode est decrite dans la section suivante de 
ce livre). 
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Procedez ainsi : 

1 Telechargez le fichier compresse au format zip du composant 
d' administration et le plugin associe. Pour cela, connectez-vous 
au site http://www.virtuemart.net. Cliquez sur l'onglet Downloads 

puis sur le lien VirtueMart eCommerce Bundle. 

L' archive telechargee est nommee VirtueMart_1 .1 .2_eCommerce_Bundle_ 
Joomla_1 .5.9.tar.gz. 




VirtueMart 1.1.3 (stable) 



VirtueMart 1.1.3 is me talest stable version available. It is compatible with Joomla! 1 " 1 .0.x, Joomla! 1 .5.x, Mambo 
4.5.x and Mambo 4.6.x. 
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A VirtueMart eCommerce Bundlejtw J carrla! 1.59) {MigrJ 



J 



Figure 8.4 ; Le telechargement du package e-commerce de Joomla depuis 
le site http://www. virtuemart. net 

2 Decompressez le fichier telecharge. 






REMAROUE 



Decompression d'un fichier au format gz 

Pour decompresser un fichier portant 1' extension .gz ou .tar.gz, il est 
possible d'utiliser des logiciels comme 7zip, IceOWS, PoweGZchiver, 
iZarc, TugZip. Ces programmes peuvent etre telecharges sur le Web. 
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Figure 8.5 : Le contenu du dossier 
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Figure 8.6 : Le site officiel www.izarc.org 



LE GUIDE COMPLET 



261 



Chapitre 8 



Ajouter une boutique en ligne 



1 ^ = ^ 1 



RENARflUE 



Lesfichierstar 

Ce format de fichier trouve son origine dans le logiciel d'archivage 
par concatenation de donnees du meme nom, utilise sous systeme 
d' exploitation UNIX. La compression des donnees est generalement 
effectuee au moyen d'un logiciel de compression. Les extensions de 
fichiers alors generees sont, le plus sou vent, .tar.gz ou .tgz, lorsque le 
format gzip est utilise ou, .tar.bz2, lorsque le format bzip2 est employe. 



Procedez a 1' installation classique de Joomla en suivant les etapes 
decrites dans la section de ce livre Installer Joomla sur un serveur 
web local si vous souhaitez installer le systeme a des fins de tests 
sur votre ordinateur ou en respectant les etapes de la section 
Publier les fichiers de Joomla chez I'hebergeur" si vous optez pour 
une installation chez votre hebergeur. 
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Figure 8. 7 : Apercu de /'interface de la version e-commerce de 
Joomla dans le frontend 
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Seconde methode d'installation : Ajouter 
le composant VirtueMart a un systeme 
Joomla deja installe 

Voici une seconde methode d'installation de VirtueMart, plus classique, 
et que nous vous conseillons de preferer a la precedente afin de ne courir 
aucun risque de compatibility avec des installations ulterieures de 
composants ou de modules. 

Apres avoir implements Joomla, il est possible d' installer le composant 
VirtueMart ainsi que ses modules et ses plugins afin de comprendre 
l'arriere boutique. Vous allez done ajouter VirtueMart a un systeme 
Joomla deja en place sur votre serveur. 

Telechargement du package complet 
de VirtueMart 

1 Telechargez le fichier zip du package de la derniere version de 
VirtueMart. Pour cela, connectez-vous au site http://www.virtuemart 
.net, cliquez sur l'onglet Downloads puis sur le lien Complete 
Package for Joomla! 1.5. Enregistrez l'archive sur votre ordinateur. 

L' archive telechargee a ce jour est VirtueMart_1.1.3-COMPLETE_ 
PACKAGE.j15.zip. 
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Figure 8.8 : Le telechargement du package VirtueMart depuis le site 
http://www. virtuemart. net 

2 Decompressez le fichier telecharge. 
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Vous obtenez un dossier VirtueMart_1.1.X-C0MPLETE_PACKAGE.j15 
contenant differents dossiers. 
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Figure 8.9 : Le contenu de /'archive 
VirtueMart_ 1 . 1 .X-C0MPLETE_PACKAGEJ1 5 






REMARQUE 



Le telechargement de VirtueMart depuis le site joomla.fr 



II est possible de telecharger la solution VirtueMart depuis le site 
officiel frangais de Joomla mais sans certitude qu'il s'agisse de la 
derniere version. C'est pourquoi il est preferable de telecharger depuis le 
site officiel de VirtueMart. 

Connectez-vous au site http://www.joomla.fr. Cliquez sur l'onglet Extensions. 
Dans le menu de gauche, cliquez sur Telecharger. 

La page Gestionnaire de fichiers est affichee. 

Cliquez sur la categorie Extensions pour Joomla 1.5 puis sur J 7. 5 
E-Commerce. Cliquez sur VirtueMart pour j1 .5 version puis sur Telecharger. 

La page affichee vous donne un descriptif precis du contenu de 1' archive. 
L' archive telechargee a ce jour est VirtueMart_1.1.3- 
COMPLETE_PACKAGE.j15.zip. 
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Figure 8. 70 : Le telechargement de VirtueMart depuis le site 
http:/ /www. joomlaf ranee, org 
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(.'installation du composant VirtueMart 

1 Depuis 1' administration de Joomla, cliquez sur le 
administrateur Extensions/lnstaller/Desinstaller. 



menu 



2 Dans la page Gestion des extensions, cliquez sur le bouton 
Parcourir de la rubrique Archive a transferer. 

3 Depuis la boite de dialogue Envoi du fichier, selectionnez 
l'archive du composant, com_virtuemart_1 .1 .X.j1 5.zip qui se trouve 
dans le dossier VirtueMart_1.1.X-COMPLETE_PACKAGE.j15, puis 
cliquez sur le bouton Ouvrir. 

4 De retour dans la page Gestion des extensions, cliquez sur le 
bouton Transfer! de fichier & Installation. 

La page VirtueMart Installation s'affiche. 

5 Cliquez sur le bouton Install SAMPLE DATA. Un message vous 
demande de patienter durant l'ajout des exemples de donnees. 
Cliquez sur le bouton OK pour continuer 1' installation. 
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Basic installation has been 
finished. You can use 
VirtueMart in a moment after 
having clicked on a link 
below. 
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To fill your Shop wilh dummy 
products, and to see how 
things can be set up, you can 

install some Sample Data 
now. 

Imtall SAMPLE DATA » 
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Figure 8.77 ; L'ajout d'exemple de donnees 
La page de 1' interface d' administration de VirtueMart s'affiche. 
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Figure 8. 12 : Le panneau de controle de Virtue Mart apres I 'installation du 
package complet de Virtue Mart telecharge depuis le site virtuemart. net 
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REMARflUE 



Installation du composant VirtueMart depuis un dossier ou depuis 
une URL 



En cas de probleme d' installation du composant, il est egalement possible 
d'effectuer 1' installation depuis un dossier. Pour cela, placez le fichier 
com_virtuemart_l. LX.jl5.zip dans le dossier tmp sous la racine du 
dossier du site web Joomla. Depuis le backend du site Joomla, cliquez sur 
le menu Extensions/Installer/Desinstaller. Dans la page Gestion des 
extensions qui s'affiche, verifiez que la zone dossier d' installation est 
renseignee par le chemin d'acces au dossier tmp. Cliquez sur le bouton 
Installation de la rubrique Installer depuis un dossier. 
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Figure 8. 13 : /-'installation du composant VirtueMart depuis un dossier 

Pour effectuer une installation depuis une URL, saisissez l'URL indiquant 
l'adresse du fichier com_virtuemart_l.LX.jl5.zip (du type 
http://nomdusite/dossier/com_virtuemart_l. LX.jl5.zip) dans la zone URL 
de la rubrique Installer depuis une adresse URL. Cliquez sur le bouton 
Installation. 
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REMAROUE 



Apres avoir utilise l'une des methodes precedentes, la page 
Bien venue sur VirtueMart s'affiche. 



Si le probleme d' installation du composant persiste, ayez recours a 
1' installation manuelle comme decrit ci-apres. 



(.'installation manuelle du composant 
VirtueMart 

Si le fichier com_virtuemart_1 .1 .x.jl 5.zip du composant est superieur a 
2 Mo, il se peut que vous rencontriez un probleme, lors de 1'installation 
du composant (ce probleme peut provenir du delai d' execution des 
scripts, parametre chez votre hebergeur). II est done recommande de 
realiser une installation manuelle. 

1 Connectez-vous au site http://www.virtuemart.net. Cliquez sur 

l'onglet Downloads puis sur le lien Manual Installation Package for 

Joomla! 1.5. Enregistrez l'archive VirtueMart _1.1.X-Manual_ 
lnstallation_Package.j1 5.tar.gz sur votre ordinateur. 
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Figure 8. 14 : Le telechargement du package d'installation manuelle 
depuis le site http: //virtu emart. net 

2 Decompressez le fichier telecharge sur votre ordinateur. 
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Vous obtenez un dossier VirtueMart_1 .1 .X-Manual_lnstallation_Package.j1 5 
contenant differents dossiers. 
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Figure 8. 15 : Le contenu de /'archive 

Virtu eMart_1 . 1.X-Manual_lnstallation_Package.j15 



Copiez les dossiers administrator, components du dossier 
VirtueMart_1 .1 .X-Manual_lnstallation_Package.j1 5 dans la racine du 
site Joomla au moyen d'un logiciel de transfert de fichier FTP tel 
que FileZilla, sur les machines de votre hebergeur. 






REMARQUE 



Dossiers modules et plugins 

Les dossiers modules et plugins ne sont pas a copier car les modules et 
plugins seront installes depuis 1' interface d' administration du site 
Joomla. 



4 Apres vous etre connecte a 1' interface d' administration du site 
Joomla, saisissez dans la Barre d'adresse du navigateur l'adresse 

http://www. www.mon-site-web-joomla.fr/administrator/index.php?option 
=com_virtuemart puis validez. 
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Figure 8. 16 : 

La poursuite de 
/'installation 
manuelle de 
VirtueMart 
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La page VirtueMart Installation s'affiche. 

5 Cliquez sur le bouton Install SAMPLE DATA. Un message vous 
demande de patienter durant l'ajout des exemples de donnees. 
Cliquez sur le bouton OK pour continuer 1' installation. 




Please consider a small 
donation to help me 
keep up Hie work on 
Uii» component. 



Make a Donation 



Welcome to VirtueMart 1 .1 .3 stable ! 
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The first step of tha Installation was SUCCESSFUL 



Let's prepare the database now (lha Installation Script hasn't round a mating mambo- 
pripsnapMrtueMarl Tables, so rel's do a fresh installation). 



Basr'c Installation has been 
finished. You can use 
VirtueMart in a moment after 
having clicked on a link 
below. 

Go directly Id the Shap » 
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To fill your Shop with dummy 
products, and to see how 
things can be set up. you can 

install some Sample Data 
now. 
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Figure 8.17 : L'ajout d'exemple de donnees 
La page de l'interface d' administration de VirtueMart s'affiche. 
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Figure 8. 18 : Le panneau de controle de VirtueMart 
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Installer VirtueMart en francais 

Dans ce qui suit, nous supposons que vous avez comme nous opte pour 
la seconde methode d' installation de VirtueMart, decrite precedemment 
(installations de Joomla et de VirtueMart separees). 

L'interface de VirtueMart est affichee en version francophone si l'instal- 
lation est issue du package telecharge depuis le site http://www.J00mla.fr. 
Dans ce cas, les modes operatoires suivants ne sont pas a suivre. 

Si vous avez procede a une installation d'un package telecharge depuis 
le site http://virtuemart.net, l'interface de VirtueMart est affichee en langue 
anglaise. Nous vous conseillons de suivre les etapes ci-apres pour 
franciser l'interface. 



Telechargement du package des f ichiers 
de langue 

1 Connectez-vous au site http://www.virtuemart.net. 

2 Cliquez sur l'onglet Downloads puis sur le lien Language Pack et 

enregistrez l'archive Language_Pack_for_VirtueMart_1.1.X.zip sur 
votre ordinateur. 



Downloads 

VirtueMart 1 .1 .3 (stable) 



VirtueMart 1.1.3 is Hie latest stable version available. It is compatible with Joomla?™ 1.0.x, 



and Mambo 4.6.x. 
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(Mirror) 
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A, VirtueMart Remote Installer for Joomla! 1 .5 
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Figure 8. 19 : Le telechargement du package des langues depuis le 
site http://virtuemart. net 
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3 Decompressez le fichier telecharge. 

Vous obtenez un dossier Language_Pack_for_VirtueMart_1 .1 .X contenant 
le dossier languages. 



Dossiers 
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Norn 
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Figure 8.20 : Le contenu de /'archive Language_Pack_for_VirtueMart_1 . 1 .3 



Installation des fichiers french.php 

Transferez le dossier languages du dossier Language _Pack_for_ 
VirtueMart_1.1.X dans le dossier mon-site-web-joomla/administrator/ 
components/ com _virtuemart. 






REMAROUE 



Un complement de traduction 

A ce jour, le fichier archive propose sur le site www.virtuemart.net, 
Language _Pack_for_VirtueMart_1 .1 .3. zip, ne contient pas toutes les 
traductions franchises de 1' interface de VirtueMart. 

Ainsi, par exemple, si vous activez depuis 1' interface d' administration de 
VirtueMart le menu Configuration, le bas de page de l'onglet General 
presente des etiquettes des zones de texte absentes. 

Le site http://www.alatak.net propose un complement de la traduction 
frangaise. Pour cela, connectez-vous au site et telechargez 1' archive 
LanguagePack_french_20080605.tar.gz accessible depuis le menu 
Telechargement. 

Decompressez 1' archive puis copiez le dossier languages du dossier 
Language Pack for VirtueMart 1.1 dans le dossier 
mon-site-web-joomla/ administrator/ components/ com _virtuemart. 
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1 ^ = ^ 1 



REMAROUE 



Ne supprimez ni ne renommez le dossier languages telecharge depuis 
http://virtuemart.net car celui du site http://www.alatak.net ne contient pas 
certains dossiers comme tax, vendor ou encore zone. Vous devez publier 
le contenu du dossier languages en ecrasant le repertoire initial, issu de 
la version telechargee sur le site http://virtuemart.net. 



Installer les modules de VirtueMart 

Les archives des modules de VirtueMart a installer sont renfermees dans 
le dossier modules de VirtueMart_1.1.X-COMPLETE_PACKAGE.j15. 



Dossiers 



Norm 



El (£j Virt LieMart_l , l,3-COMPLETE_PACKAGE,j 15 

P^ plugins ^4 
+ zip corin_virtuemart_ 1 . 1 . 3 . j 1 5 . zip 



* 



Jjp mod_product_categories_ 1 . 1 . 3 . j 1 5 . zip 

"sip mod_productscroller_ 1 . 1 . 3 . j 1 5 . zip 

iip mod_virtuemart_ 1 . 1 . 3 . j 1 5 . zip 

ijpmod_virtuemart_allinone_l. 1. 3. j 15.zip 

'■gp mod_virtuemart_cart_ 1 . 1 . 3 . j 1 5 . zip 

]» mod_virtuemart_currencies_l . 1 . 3 . j 1 5 . zip 

sp mod_ , v , irtuemart_fieatureprod_ 1 . 1 . 3 . j 1 5 . zip 

lit mod_virtuemart_latestprod_ 1 . 1 . 3 . j 1 5 . zip 

j»mod_virtuemart_login_1.1.3.jl5.zip 

ijp mod_virtuemart_manufacturers_ 1 . 1 . 3 . j 1 5 . zip 

i jtmod_ , v , ir1uemart_randomprod_l. 1. 3. j 15.zip 

jjfc mod_ , v , irtuemart_search_ 1 . 1 . 3 . j 1 5 . zip 

jvp mod_virtuemart_topten_ 1 . 1 . 3 . j 1 5 . zip 



Figure 8.21 : La liste des archives des modules de VirtueMart 



Pour installer les modules, reportez-vous a la section Installer 
un composant de ce livre (menu 
Extensions/Installer/Desinstaller). 




RENVOI 



La liste des modules est la suivante : 

■ VirtueMart Product Categories : affichage des categories de produits 
(archive : mod_product_categories_1 .1 .X.j1 5.zip) ; 

■ VirtueMart Product Scroller : affichage des produits par defilement 
(archive : mod_productscroller_1 .1 .X.j1 5.zip) ; 

■ VirtueMart Module : affichage de la boutique (archive : 
mod_virtuemart_1 .1 .X.j1 5.zip) ; 

■ VirtueMart All-ln-One : affichage de tous les produits de la boutique 
(archive : mod_virtuemart_allinone_1 .1 .X.j1 5.zip) ; 
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■ VirtueMart Shopping Cart : affichage du panier (archive : 
mod_virtuemart_cart_1 .1 .X.j1 5.zip) ; 

■ VirtueMart Currency Seiector : affichage de la liste deroulante pour 
choisir la devise (archive : 
mod_virtuemart_currencies_1 . 1. X.j15.zip) ; 

■ VirtueMart Featured Products : affichage des produits en promotion 
(archive : mod_virtuemart_featureprod_1 .1 .X.j1 5.zip) ; 

■ VirtueMart Latest Products : affichage des nouveaux produits 
(archive : mod_virtuemart_latestprod_1 .1 .X.j1 5.zip) ; 

■ VirtueMart Login : affichage du compte client (archive : 
mod_virtuemart_login_1 .1 .X.j1 5.zip) ; 

■ VirtueMart Manufacturers : affichage des fabricants (archive : 
mod_virtuemart_manufacturers_1 . 1.XJ15.zip) ; 

■ VirtueMart Random Products : affichage aleatoire de produits 
(archive : mod_virtuemart_randomprod_1 .1 .X.j1 5.zip) ; 

■ VirtueMart Search : affichage d'une recherche (archive : 
mod_virtuemart_search_1 . 1.XJ15.zip) ; 

VirtueMart Top Ten Products : affichage des meilleures ventes 
(archive : mod_virtuemart_topten_1 .1 .X.j1 5.zip). 

Decouvrir la boutique depuis le Frontend 

V 

A moins que vous ayez utilise la methode d' installation simultanee de 
Joomla et de VirtueMart, par le package d' installation, les modules de 
VirtueMart ne sont pas directement actifs, apres leur installation. Vous 
devez les activer depuis l'interface d' administration de Joomla, par le 
menu Extensions/Gestion des modules. 

Afin de decouvrir la boutique dans le frontend, vous allez activer le 
module principal de VirtueMart. Vous pourrez ensuite reproduire ce 
mode operatoire pour activer les autres modules, a mesure de la mise en 
oeuvre des fonctionnalites de VirtueMart. 

1 Depuis le backend de Joomla, cliquez sur Extensions/Gestion des 
modules. 

Le gestionnaire de modules est affiche. 

2 Depuis la colonne Active du gestionnaire de modules, activez le 
module VirtueMart Module. 
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Figure 8.22 : L'activation du module principal 
3 Visualisez le resultat obtenu dans le frontend. 
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Figure 8.23 : La boutique en ligne est desormais visible dans le 
frontend 



Installer les plugins de VirtueMart 

Les archives des plugins de VirtueMart a installer se trouvent dans le 
dossier plugins de VirtueMartJ .1 .X-COMPLETE_PACKAGE.j15. 
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Dossiers 



B |£) VirtLieMart_l,1.3-COMPLETE_PACKAGE,jl5 
Ir^ modules 

—/ ftS, m\\ 

5) ^jt> com_virtLfennart_l. 1.3. jl5.zip 



* Nom -*- 

a I ti&vmproductsnapshots_l. 1. 3,j 15.zip 
: jp.vmxsearch.plugin_l. 1.3J15.zip 



Figure 8.24 : 

La liste des archives 
des plugins de 
VirtueMart 




V 



RENVOI 



Pour installer les plugins, utilisez le mode operatoire decrit 
dans la section Installer un composant (menu 
Extensions/Installer/Desinstaller). 



La liste des plugins est la suivante : 



VirtueMart Product Snapshot permet de lier un produit dans un 
article de Joomla (archive : vmproductsnapshots_1 .1 .Xj15.zip). 



■9' 

ASTUCE 



Ecrire dans I'article {vmproductsnapshots : id du produit} 

Ce petit plugin vous sera tres utile lors de la redaction d' articles 
afferents a certains de vos produits et dans lesquels vous souhaiterez 
inserer un lien textuel associe a une image menant directement a un 
produit de votre catalogue (cette operation s'effectue en inserant la 
commande {vmproductsnapshots : id du produit} dans le texte 
de votre article). Vous creerez ainsi des pages attractives pour les 
internautes tout en constituant des liens profonds entre articles de meme 
sujet, qui, comme vous le decouvrirez plus loin, ameliorent le 
referencement de votre site dans les moteurs de recherche. 



VirtueMart Extended Search Plugin permet de faire une recherche 
sur les articles et les produits (archive : VirtueMart vmxsearch. 
plugin_1.L3.j15.zip) depuis le module de recherche joomla natif. 

Comme les modules, les plugins, pour etre utilises, doivent etre actives. 
Verifiez que tel est bien le cas, depuis Finterface d'administration de 
Joomla, par le menu Extensions/Gestion des plugins. 



8.3. Choisir le mode d'affichage 
de I'interface d'administration 
de VirtueMart 

VirtueMart est installe. Vous pouvez desormais utiliser le composant. 
Choisissez l'un des deux modes de presentation proposes, en ce qui 
concerne l'aspect de I'interface. 
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1 Activez le menu Composants/VirtueMart pour afficher l'interface 
d' administration de VirtueMart. 

Par defaut les elements de l'interface de VirtueMart sont integres a ceux 
de Joomla. Cette presentation est designee par les developpeurs du 
composant sous 1' appellation de Mise en page simple. II vous est 
egalement possible de choisir une interface uniquement dediee a 
VirtueMart. 

VirtueMart propose deux affichages de son interface d' administration : 

— La mise en page "simple", dans laquelle le menu Administration 
est presente verticalement a gauche. Deux onglets, dans la partie 
centrale, donnent acces au panneau de controle (renfermant des 
boutons de raccourcis) et a des statistiques. Les menus de Joomla 
restent accessibles. 



- 




i rif^*» ■ 



-' Qi n r lw« lf wi—i 



• Uitortal 






Jfc Voire- boutique:: Panneau de controle 



1 



t UMM 



,+.„*.■ 









Figure 8.25 : L'affichage "simple" de l'interface de VirtueMart 

— la mise en page "etendue", dans laquelle le menu Administration 
est presente horizontalement. Les deux onglets sont affiches 
comme precedemment mais les menus de Joomla ne sont plus 
accessibles. 
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Figure 8.26 : L'affichage "etendu" de /'interface de VirtueMart 
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2 Pour acceder a l'affichage etendu alors que l'affichage simple est 
active, cliquez sur le lien Mise en page etendu. 



[ Mise en page simple | Mise en page 

etendu ] 




Administration 



r :: 1 Configuration generale 



\ Configuration 



M Utilisateurs 



Figure 8.27 : L'activation de l'affichage etendu 

3 Pour acceder a l'affichage simple alors que l'affichage etendu est 
active, cliquez sur le lien Mise en page simple. 



VirtueMart^ 



:""• Rftour v*n r*<Jmii»ttimion Jecntii 1 r Msa mi vtnu vtmM Ittotm mm *Wdu I 



Figure 8.28 : L'activation de l'affichage simple 
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8.4. Decouvrir les parametres 
de configuration generale 



Pour cette prise en mains, vous allez survoler les nombreux parametres 
dont les valeurs vous permettront de personnaliser VirtueMart en 
fonction de votre activite economique. Certains de ces points sont 
detailles plus loin dans ce livre. 

1 Depuis l'interface d' administration de VirtueMart, cliquez sur le 
menu Configuration generale puis sur Configuration. 

La page Configuration qui est affichee presente de nombreux parametres 
de configuration, accessibles depuis plusieurs onglets (General, 
Securite, Site, Expedition, Commande, Telechargements, 
Configuration du flux). 
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Figure 8.29 : La page Configuration 






REMARUUE 



Utiliser VirtueMart pour afficher un simple catalogue 

La boutique en ligne peut etre utilisee afin de presenter votre 
catalogue de produits. Vous ne souhaiterez plus alors afficher les prix ni 
permettre 1' achat en ligne. 

Depuis l'interface de VirtueMart, activez le menu Configuration 
generale/Configuration. Dans l'onglet General, cochez la case Utiliser 
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REMAROUE 



comme catalogue uniquement de la rubrique General. Decochez 
eventuellement la case Afficher les prix de la rubrique Configuration des 



pnx. 



General S«itiit« -.iv i xcjptlHion (iuirmiriiulp 1 f4w lin i ynt imiLs fiurifirpjMliwidu flux 



General 



Boutique 



Hers O 



Service 7 



Si to c-ase est cacheo. to bouliquc affiche to 
message fiore servica. 




U Wiser 

comma n Gtich«r fKiui [iHsactrvM Ins foncCiDns dH 

catalogue **, pamor 

uniquomont ** 



Configuration des prix 



AfficKer lea prix 



CholJt du group* 13 Acinar cttte fonctwnnaW 

pour I'affichage 
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FtjMkj Frrarl end 



EnregisfrG 
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E 
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Figure 8.30 ; La deactivation de I'affichage des prix dans la boutique 

En outre, le menu Configuration generale, lorsqu'il est clique, permet 
l'ouverture d'autres sous-menus autorisant Faeces a divers parametres. 
Certains d'entre eux seront expliques plus loin. 

2 Depuis l'interface d' administration de VirtueMart, cliquez sur le 
menu Configuration generale puis sur chacun de ses items pour 
decouvrir les parametres rattaches (gestion des utilisateurs et des 
groupes, pays, devises, modules, etc.). 

8.5. Configurer les parametres 
de la boutique 

Pour debuter, il vous faut definir quelques parametres de base, 
specifiques a votre activite. 

Depuis l'interface d' administration de VirtueMart, cliquez sur Boutique 
puis sur Editer la boutique. 

La page Informations sur la boutique s'affiche. 
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[IV 


lise- on page simple | Miss en page 
etandu] 




JHe 
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Editer laiboiitique 


Lister les methodes de 
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Lister les modules 


¥ 


d'expedltlons 
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Ajouter'Edlter les Types de 



Figure 8.31 : 

L'acces aux parametres de la boutique 



Definir I'identite de la boutique 

Les informations renfermees dans les zones de la rubrique Boutique sont 
specifiques a votre boutique. II convient de les renseigner avec soin car 
elles sont utilisees, notamment, lors de l'adressage des courriels a la 
clientele. 

Les donnees qu'il vous faut personnaliser dans cette rubrique sont les 
suivantes : 

■ le nom de la boutique ; 

■ le nom de l'entite juridique ; 

■ l'URL de la boutique ; 

■ l'adresse postale (sur deux champs) ; 

■ la ville ; 
le pays ; 






RENAROUE 



Modifier la liste des pays 

Pour ajouter ou supprimer des pays a la liste proposee, cliquez sur 
Configuration generale puis sur Lister les pays. Utilisez le bouton 
Nouveau pour ajouter un pays et le bouton Supprimer pour supprimer les 
pays selectionnes. 
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l'etat (ou la province ou encore la region) ; 

le code postal ; 

le numero de telephone ; 

le format de l'adresse de la boutique ; 



REMARQUE 



Le format de l'adresse de la boutique 

Le champ Format de l'adresse de la boutique est utilise pour 
selectionner, ordonner et structurer les informations envoyees dans le 
mail de confirmation a l'internaute, lorsque ce dernier effectue une 
commande (pour connaitre les champs qu'il vous est possible d'utiliser, 
cliquez sur l'icone d' information, symbolisee par le caractere "i" a cote 
du nom de la zone, afin de faire apparaitre la liste dans une infobulle). 



Boutique 



Nom de la 
boutique: 

Nom de la 

societe 

boutique: 

URL: 

Adresse 1: 

Adresse 2: 

Ville: 

Pays: 

Eta t/Provi rice 
/Region: 

Code postal: 

Telephone: 

Format de 
l'adresse de 
la boutique: 

Format de la 
date de la 
boutique: 



Washupito's Tiendita 



Washupito's Tiendita 



http://127.001/Joomlal511-/153 



1 00 Washupito Avenue, N.W. 



Vous pouvez utiliser les parametres fictifs suivants ici 

{storename}: Nom de la boutique 

{address_l}: Adresse 1 

{address_2}: Adresse 2 

{statename}: Etat/Province/Region 

{state}: Code etat (2) 

{city}: Ville 

{zip}: Code postal 

{country}: Pays 

{phone}: Telephone 

{fax}: Fax 

{email}: Email 

{url}: URL 



{city}, {zip} 



%A, %d %B %Y %H:%M 



(info) 



Figure 8.32 : La liste des champs disponibles pour la zone Format de 
l'adresse de la boutique 



LE GUIDE COMPLET 



281 



Chapitre 8 



Ajouter une boutique en ligne 



le format de la date. 



*& 



REMARQUE 



Le format de la date 

Pour acceder a la liste des differents formats d'affichage de la date, 
qu'il vous est possible d'utiliser pour la zone champ Format de la date de 
la boutique, cliquez sur le lien info, propose a droite de la zone. 



Format de la 


^ 


date de la %A, %d %B %Y %H:%M 


boutique: 



Figure 8.33 : Lacces aux differents types d'affichage de la date 

Dans un autre onglet du navigateur, s'affiche la page detaillant la syntaxe 
de la fonction strftimeO sur le site fr.php.net (http://fr.php.net/manual/fr/function 
.strftime.php). La liste des elements syntaxiques necessaires a la composition 
de la date y sont decrits. 



Liste de para metres 



format 



_ 



Les carar.te.res suivants sont reconnus dans le pa i a metre format 





Ex em pie do valeurs 
retournees 




Jour 

%e 

%w 
Semafne 



Norn abreye du Jour de la Semairie 

Nam complet du Jour de la sematne 

Jour du mols en numerlque, sur 2 chlifrcs (avcc le zero Initial) 

tour du mote, *^e< un espace preoSdant le premier chiffre 

Jour de rannee, sur 3 chlffres avee un zero initial 

Representation l^U-UbQl du lour dc la acmalnc 

Representation numeiique du Jour de la seiridine 



De Sun a Sat 

De Sunday a Saturday 

De 01 a 31 

De 1 1 Jl 

(Ml a J66 

De J (pour Lundl) a / (pour 
DJmanchc) 

De (pour Dimanthe) A p" 

(poor Sarnedi) 



Numcro dc la scmalnc dc rannec donncc, en commencant par 13 [pour la 13eme scmalne 
le premier lunrti com me premiere nemnine pleine rie Tannee} 



Numeiu de la seiriaine de Canuee, suivanL Id nor me 
lSG-66Ql:l9Uu r en commencant comme premiere semaine, la 
scmalne de Tanner: content nr an moln^ 4 JourSj er du Lunril est 
\f debut rie In senna I ne 



Do VI u i J (ou 5'J cornptc 
comme scmalne de 
*:he vauchemen t) 

— ,U; i'diiii; Ij Jn/niwi J i .n idiit, - , jt, 



Figure 8.34 : La liste des parametres de la fonction strftimeO sur le site 
frphp.net 



282 



LE GUIDE COMPLET 



Configurer les parametres de la boutique 



Chapitre 8 



Definir les informations sur la boutique 

Toujours sur la page Informations sur la boutique, les zones de la rubrique 
Informations sur la boutique permettent de definir des informations 
complementaires telles que : 

■ le logo utilise dans les courriels adresses aux internautes, lors des 
commandes ; 

le montant minimal de la commande ; 

■ le montant TTC a partir duquel les frais de transport seront 
"franco de port". 



Informations sur la boutique 



Image grande taille: V^/j\ ^H II D |T^3'S 



T I E N D I T A 



Transferer une 
image: 

Le montant 
minimum pour 





Parcourir... 



passer une 00 
commande dans 
votre boutique est: 

Montant minimal 






pour un franco de 0.00 

port: 




Figure 8.35 : Les informations sur la boutique 



Definir I'identite du responsable a contacter 

Les zones de la rubrique Informations de contact permettent de 
renseigner I'identite de la personne responsable de la boutique : nom, 
prenom, civilite, telephone, fax et email du responsable. 

L'adresse electronique du responsable a une double utilite : elle est 
communiquee a l'internaute lors du courriel de confirmation de la 
commande et avertit le responsable, lorsqu'une nouvelle commande est 
passee ; une copie du courriel est egalement envoyee a cette adresse. 
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1 


1 nf mrtm *"%tir\nc- r*Ja ^**^f"*t*s/*t 




iniorrnaiions ae comaci 




Nom: Marchand 








Prenom: Paul 








2eme Prenom: 








Civilite: Mr. 








| Telephone 1: 555-555-1212 








| Telephone 2: 555-555-1212 








Fax: 555-555-1212 















Figure 8.36 : Les coordonnees du contact de la boutique 



Definir la devise utilisee et le format 
d'affichage des prix 

VirtueMart est un systeme multidevise et multipays. 

Les zones de la rubrique Style afflchage monnaie permettent d'indiquer la 
devise utilisee pour l'affichage des prix ainsi que le format dans lequel 
les valeurs seront presentees. 

Procedez ainsi : 

1 Choisissez la devise utilisee dans la liste deroulante Devise. 

2 Saisissez le symbole monetaire dans la zone Symbole monetaire 
(le symbole €, par exemple). 

3 Indiquez le nombre de decimales a afficher dans la zone 
Decimales (la valeur sera arrondie si elle renferme un nombre 
superieur de decimales). 

4 Saisissez le caractere utilise comme caractere decimal dans la 
zone Symbole decimal (le point est propose par defaut). 

5 Saisissez le caractere utilise comme separateur de milliers dans la 
zone Separateur de milliers (cette zone peut rester vide). 
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La zone Format positif presente une liste deroulante dans laquelle 
vous pouvez indiquer le format de presentation des valeurs 
positives (ainsi, par exemple, le choix du format 00 Symb aura 
pour consequence un affichage des prix positifs sous la forme 
d'une valeur, suivie d'un espace, lui-meme suivi du symbole 
monetaire, 15,00 €, par exemple). 

La zone Format negatif presente une liste deroulante dans laquelle 
vous pouvez indiquer le format de presentation des valeurs 
negatives (ainsi, par exemple, le choix du format -00 Symb aura 
pour consequence un affichage des prix positifs sous la forme 
d'une valeur, suivie d'un espace, lui-meme suivi du symbole 
monetaire, -15,00 €, par exemple). 

La zone Liste des devises acceptees presente une liste permettant 
de choisir les devises autorisees sur le site. Afin d'eviter des 
problemes de conversion, nous vous conseillons de choisir 
uniquement la devise precedemment definie. 



1 %=*)' 



REHAROUE 



Liste des devises 

Pour aj outer ou supprimer une devise, cliquez sur le menu 
d' administration Configuration generale puis sur Lister les devises. La 
liste des devises est affichee. Utilisez le bouton Nouveau pour ajouter 
une nouvelle devise ou le bouton Supprimer pour supprimer les devises 
selectionnees. 
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Figure 8.37 : La liste des devises 
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Saisir la description de la boutique 

La rubrique Description de la page Informations sur la boutique est dediee 
a la saisie, au moyen d'un editeur WYSIWYG, du texte de presentation 
de la boutique (vous pouvez, bien entendu, egalement y placer des 
images). 

Ces informations, dans lesquelles il est evidemment conseille de placer 
des mots-cles a 1' attention des moteurs de recherche, seront affichees sur 
le frontend si, dans un menu, est cree un lien menant a la boutique 
(c'est-a-dire vers le composant VirtueMart). 




Accuqrf 



Boutique 



© Alimentation BIO 

© Co s m q tiquc / Hyg ie ne 

IS Bien-etre 

<E Harm o n I e et Feng shul 

Gi Mineraux et Bijoux 

© Carterfe r Ilvres r CD 

(E Habitat Sain 

© Plein airet jardin bio 
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rrftHtEtuis deluus tvcri/ans I'liNRriRurs. artisans. ripsjtjraHK. ^rnvHins \ ztlin lie se reyirNjper 
cfl de proposer i rintcmaute des prtxtorts d'innovatujn 



Figure 8.38 : L'affichage de la description de la boutique du site 
http://www. la-mesange-bleue. fr dans le frontend 



Saisir les conditions generales de vente 

Presentee dans le meme editeur WYSIWYG, la rubrique Conditions 
generales de vente de la page Informations sur la boutique est, elle, 
dediee a la saisie du texte des conditions generales de vente de la 
boutique. 
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Conditions d' utilisation 
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CONDITIONS GENERALES DE VENTE 

Le client, du fait de ses commandes, souscrit aux conditions 
ci-dessous qui annulent celles qui pourraient se trouver en 
contradiction dans ses conditions d'achats. 

CARACTERISTIQUES DES MARCHANDISES 



Image 



Pagebreak 



Readmore 






Figure 8.39 : La saisie des conditions generates de vente dans les 
parametres de la boutique 






REMARQUE 



Placer les conditions generates de vente dans un article 

Une autre facon d'afficher les conditions generales de ventes (CGV) 
consiste a les saisir dans un article. Cette methode, plus souple que la 
precedente, permet de donner acces aux CGV lors de la commande, mais 
aussi depuis n'importe qu'elle partie du site, par un lien place dans un 
menu ou dans un article. 

Suivez ce mode operatoire : 

Creez un article depuis le menu Contenu/Gestion des articles de 
1' interface d' administration de Joomla. Nommez cet article 

Conditions generales de vente. 

Activez le menu Composants/VirtueMart pour afficher 1' interface 
d' administration de VirtueMart. Cliquez sur le menu Configuration 
generale/Configuration. 

Dans la page Configuration, l'onglet General est afflche. Selectionnez 
1' article des conditions generales de vente dans la liste Lien vers la 
version longue de votre texte concernant la politique des retours de la 
rubrique Parametres d'enregistrement des utilisateurs. 

Cliquez sur le bouton Enregistrer. 



Lien vers la version longue de 
votre texte concernant la politique 

des retours. 



Newsflash 4 () 

Example Pages and Menu Links () 
Joomla! Security Strike Team () 
Joomla! Community Portal () 



Conditions generales de vente 



fe 



Figure 8.40 : Le choix de /'article des Conditions generales de vente 
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8.6. La TVA 

VirtueMart dispose de nombreuses options d' application de la TVA. 



L'application du calcul de la TVA 

Trois methodes d' application de la TVA sont possibles : 

1 Depuis 1' interface de VirtueMart, activez le menu Configuration 
generale/Configuration. 

2 Dans l'onglet General, choisissez l'un des modes de calcul de la 
TVA dans la liste deroulante Calcul des taxes de la rubrique 
Configuration des taxes (TVA). 

Le choix propose par defaut est Basee sur I'adresse du vendeur. 



Configuration des taxes (TVA) 



Taxe virtuelle 



Calcul des taxes 



Basee sur I'adresse du vendeur 
Basee sur I'adresse de livraison 



Basee sur I'adresse du vendeur 



Mode Union Europpeenne 



t* 



Figure 8.41 : Le choix du mode de calcul de la TVA 

VirtueMart permet trois methodes de calcul de la TVA : 

■ Basee sur I'adresse de livraison. Le calcul de la TVA est etabli sur 
les taux de TVA du pays de livraison de l'internaute qui effectue 
1' achat. Les taux de TVA des pays autorises dans la boutique 
doivent alors etre definis par le menu Taxes/Ajouter un taux de 
TVA. 






REMARQUE 



Le pays de I'acheteur est connu 

Lorsque l'internaute cree son compte client avant de passer sa 
commande, il doit specifier son pays de residence dans un formulaire. 
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Basee sur I'adresse du vendeur. Le calcul de la TVA est etabli sur 
les taux de TVA du pays dans lequel la boutique est juridiquement 
etablie. 



1 %;})* 



RENAROUE 



Le pays de la boutique 

Pour definir le pays de la boutique, cliquez sur le menu 
Boutique/Editer la boutique. Dans la page Informations sur la boutique, 
choisissez le pays de la boutique dans la liste Pays de la rubrique 
Boutique. 






[ Mise en page simple | Mise en page 
aland u ] 
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Administration 



2> Configuration genera le 
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Figure 8.42 : Le choix du pays de la boutique 

m Mode Union Europeenne. Le calcul de la TVA est etabli comme 
dans le cas precedent, si le client reside dans un pays de la 
communaute europeenne. Dans le cas contraire, la TVA du pays 
du client est appliquee, si elle a ete parametree. 

Appliquer une taxe sur les produits 
immateriels 

Les produits telecharges (musiques, videos, logiciels, etc.) n'ont pas 
d' existence physique. lis se distinguent done des produits traditionnels 
en ce sens qu'ils ont un poids nul (Le poids d'un produit peut etre defini 
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par le menu Produits/Lister les produits, apres avoir clique sur le 
produit concerne, dans la zone Poids de l'onglet Dimensions et poids du 
produit.) 

II vous est possible d'indiquer si la TVA doit ou non etre appliquee sur 
ce type de produits. 

Dans l'onglet General de la page Configuration, cochez la case Taxe 
virtuelle de la rubrique Configuration des taxes (TVA) (cette case est activee 
par defaut). 



Configuration des taxes (TVA) 



Taxe virtuelle 



% 



Figure 8.43 : 

L'activation de la taxe virtuelle 



Utiliser des taux de TVA multiples 

Vous devez utiliser cette option si tous vos produits ne sont pas soumis 
aux memes taux de TVA. 

Dans l'onglet General de la page Configuration, cochez la case Activer le 
taux de TVA multiples ? de la rubrique Configuration des taxes (TVA) (cette 
case est activee par defaut). 



Configuration des taxes (TVA) 



Taxe virtuelle 



Calcul des taxes 



I Mode Union Europpeenne 



Activer le taux 

deTVA E 
multiples ? 



t* 



Figure 8.44 ; L'activation de la gestion des taux de TVA multiples 
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Creer les taux de TVA par pays ou region 

Pour affecter a chacun de vos produits le code TVA qui lui correspond, 
vous devez au prealable creer les taux de TVA pour chacun des pays et 
des etats concernes, si vous avez opte pour un calcul de TVA utilisant 
ces parametres (taux de TVA base sur l'adresse de livraison ou sur le 
mode Union europeenne). 

1 Depuis l'interface de VirtueMart, activez le menu Taxes/Lister les 
taux de TVA. 



La page Liste des taux de TVA est affichee. 

2 Supprimezr les definitions de taxes inutiles en les cochant puis en 
cliquant sur le bouton Supprimer. 
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Figure 8.45 '. 

Suppression 
d'un taux de 
TVA 



3 Confirmez la suppression en cliquant sur le bouton OK de la boite 
de dialogue affichee. 

4 Pour creer un nouveau taux, cliquez sur le bouton Nouveau. 

5 Definissez le pays dans la liste de la zone TVA pour le pays. 

6 Faites de meme pour la zone TVA pour I'etat ou la region. 

7 Saisissez la valeur du taux dans la zone Taux de TVA. 
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Figure 8.46 : 

La saisie d'un 
taux de TVA 
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REMAROUE 



Affichage de la mention indiquant que la TVA est incluse 



Une mention indiquant que la TVA est comprise peut etre affichee a 
cote du prix du produit, accompagnee du taux de TVA applique. 

Pour ce faire, activez le menu Configuration generale/Configuration. Dans 
l'onglet General de la page Configuration, decochez la case Affiche "(TVA 
XX% comprises)" quand possible? de la rubrique Configuration des prix. 



Hammer 

€1.08 (TVA 8.25 % comprises) 




Figure 8.47 : 

La mention indiquant que la TVA est 
incluse 



8.7. Creer le catalogue de produits 

Vous allez desormais saisir vos produits et leurs caracteristiques. 



Creer les fabricants de produits 

Avant de creer les produits, vous allez constituer la liste des fabricants 
(ou des marques) auxquels sont rattaches les produits. 

Si le nombre de fabricants est important, il est preferable de creer des 
categories de fabricants. Cela facilitera votre classement. Sinon, la 
categorie qui sera utilisee par defaut se nomme default. 

1 Depuis l'interface d' administration de VirtueMart, activez le 
menu Fabricants/Ajouter une categorie de fabricants. 

La page Formulaire categorie fabricant est affichee. 
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2 Saisissez le nom de la categorie du fabricant dans le champ Nom 
de la categorie. 

3 Saisissez un descriptif dans la zone Description de la categorie. 

4 Cliquez sur le bouton Enregistrer. 



1 %£*)* 



Suppression d'une categorie 

Pour supprimer une categorie, affichez la liste des fabricants par le 
menu Fabricants/Lister les categories de fabricants. Dans la page Liste 
des categories de fabricants, cochez le nom de la categorie, puis cliquez 
sur le bouton Supprimer. 



Vous allez maintenant creer un fabricant. 

5 Depuis l'interface d' administration de VirtueMart, activez le 
menu Fabricants/Ajouter un fabricant. 

La page Ajouter une information est affichee. 

6 Saisissez le nom du fabricant dans le champ Nom du fabricant. 

7 Saisissez l'URL du site Internet du fabricant dans la zone URL. 

8 Saisissez l'adresse electronique du fabricant dans la zone Email. 






Affichaqe et masquage de l'URL du fabricant dans la fiche du produit 

REMARQUE 

Pour activer cette option, cliquez sur le menu Configuration generale 
/Configuration. Depuis l'onglet Site, cliquez sur le lien Configuration de 
la rubrique Affichage. Dans la page Parametres du theme qui est alors 
affichee, activez ou desactivez 1' option de la ligne Show Manufacturer 
Link. 

Si 1' option est activee, les informations concernant le fabricant (l'adresse 
du site Internet, l'adresse electronique et le descriptif) s'afficheront dans 
une fenetre depuis la page de details du produit, lorsque le lien du 
fabricant sera clique. 
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REMARQUE 






Parametres du theme 



Para metres 



Product List Style 



Pradurf Lisl {no table , div-based ) 



Show ihe Feed Icon? a Yes ° No 

Show Ihe Add-to-earl Button on trie product 



list? 

Show Vendor Link? 
Show Manufacturer Link? 
Show Availability Information? 



Yes : : No 



Yes '" : No 

■, v es - No 

® Yes :::: No 



Figure 8.48 : L'affichage du fabricant 



9 Choisissez la categorie de fabricant dans la liste deroulante 
Categorie de fabricant. 

10 Saisissez un descriptif dans la zone Description. 

11 Cliquez sur le bouton Enregistrer. 






REMARQUE 



Suppression d'un fabricant 

Affichez la liste des fabricants par le menu Fabricants/Lister des 
fabricants. Dans la page Liste des fabricants, cochez le nom du 
fabricant, puis cliquez sur le bouton Supprimer. 



Creer des categories de produits 

Un produit doit etre rattache a une categorie. Aussi, avant de creer des 
produits, est-il necessaire de creer des categories de produits. En outre, 
la creation d'une hierarchie de categories permet de structurer le 
catalogue. 

1 Depuis l'interface d' administration de VirtueMart, activez le 
menu Produits/Ajouter une categorie. 

La page Information sur la categorie s'affiche. 
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2 Depuis l'onglet Information sur la categorie, saisissez le nom de 
la categorie du produit dans le champ Nom de la categorie. 

3 Saisissez un descriptif dans la zone Description de la categorie. 

Le choix de l'ordre d'affichage ne sera possible qu'apres 
l'enregistrement effectue. 

4 Choisissez le niveau superieur de la categorie dans la liste 
deroulante Parent. 

Une categorie de niveau 1 doit etre affectee au niveau parent Default -Top 
Level. 

5 La zone Affiche x produits par ligne permet de definir le nombre de 
produits affiches par ligne lorsque la rubrique est cliquee. 

6 Les listes deroulantes Page de navigation categorie et Page produit 
de la categorie definissent respectivement le modele de mise en 
forme de la page de la categorie et celui de la page des produits de 
la categorie. 





Information sur Iri categoric 
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Figure 8.49 : La saisie dune categorie 

II est possible d'associer une image a une categorie. 

7 Cliquez sur l'onglet Images, puis executez l'une des 
manipulations suivantes : 
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Pour associer une image au format d'une vignette a partir 
d'une image de grande taille, cliquez dans la zone Image 
grande taille, puis choisissez, depuis la boite de dialogue Envoi 
du fichier, le fichier de 1' image de la categorie et cliquez sur le 
bouton Ouvrir. Sous l'onglet Images de la page Information sur 
la categorie, cliquez sur 1' option Auto-creation vignette ?, puis 
sur le bouton Appliquer. Cliquez a nouveau sur l'onglet Images 
pour constater que la vignette associee a la categorie est alors 
generee. Cette derniere est visible sous la rubrique Vignette 
(colonne de droite). 
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Figure 8.50 : La creation de I'image de la categorie dans le format 
d'une vignette 



xfy+pF 



REMARQUE 



Modification des dimensions des vignettes 

La largeur et la hauteur des vignettes sont modifiables depuis les 
zones Largeur de la vignette et Hauteur de la vignette, accessibles depuis le 
menu Configuration/Configuration generale, sous l'onglet Site et la 
rubrique Affichage. 

La modification sera appliquee pour les futures vignettes generees. Les 
vignettes creees avant la modification des dimensions restent dans leur 
taille initiale. 
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Figure 8.51 : La modification des dimensions des futures vignettes 



Pour associer une image de taille personnalisee a la categorie, 
cliquez dans la zone Vignette, puis choisissez, depuis la boite de 
dialogue Envoi du fichier, le fichier de l'image de la categorie et 
cliquez sur le bouton Ouvrir. Sous l'onglet Images de la page 
Information sur la categorie, cliquez sur le bouton Appliquer. 
Cliquez a nouveau sur l'onglet Images pour constater que l'image 
utilisee pour la categorie conserve les dimensions de l'image 
initialement choisie, visible sous la rubrique Vignette (colonne de 
droite). 
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Figure 8.52 : La creation de l'image de la categorie dans un format 
personnalise 
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■ Saisissez dans la zone URL de la rubrique Vignette, l'URL de 
1' image de la vignette. 

8 Cliquez sur le bouton Enregistrer. 



*■ Arborescence des categories 
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Figure 8.53 : La liste des categories hierarchisees 

La categorie de produit creee apparait dans la liste des categories 
hierarchisees de la page Arborescence des categories. 






REMARflUE 



Supprimer I'image d'une categorie 

Pour ce faire, editez la categorie depuis la page Arborescence des 
categories accessible depuis le menu Prod u its/Lister les categories. 
Cliquez sur l'onglet Images de la page Information sur la categorie, puis 
cochez 1' option Taper 'none' pour effacer les images courantes de la 
rubrique Vignette et cliquez sur le bouton Appliquer. 



Vignette 

Pourmettre a jouiTimage actuelle. saisissez le chemin de la nouvelle image. 

I 



Pancourir. 



Action image: 
~ aucune 
S Taper'none" pour effacer les images courantes 

k 

URL(Facultatif) 




Figure 8.54 : 

La suppression de i'image 
d'une categorie 
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Ne pas publier une categorie 

Une categorie est, par defaut, publiee. Pour ne pas la publier, affichez 
la page Arborescence des categories, accessible depuis le menu 
Produits/Lister les categories, puis cliquez dans la colonne Publier de la 
ligne correspondant a la categorie a retirer de la publication. 

Une autre methode consiste a editer la categorie, puis a decocher la case 
Publier ? sous l'onglet Information sur la categorie. 

Attention, une categorie qui n'est pas publiee n'annule pas la publication 
des produits qui lui sont associes ! II faut egalement annuler la publication 
de ces produits. 



■ JfcJF 



Supprimer une categorie 

Pour supprimer une categorie, ainchez la page Arborescence des 
categories par le menu Produits/Lister les categories, puis cochez le 
nom de la categorie et cliquez sur le bouton Supprimer. La suppression 
d'une categorie provoque la suppression des produits qui lui sont 
rattaches, sauf si ce dernier est associe a d'autres categories. 



Saisir les produits 

Apres avoir cree les differentes classifications de produits, vous allez 
proceder a la saisie des produits. Plusieurs methodes s'offrent a vous. 

Saisir les caracteristiques de base d'un 
produit 

1 Pour ajouter un produit, activez le menu Produits/Ajouter un 
produit. 

La page Nouveau produit s'affiche. Elle renferme plusieurs onglets qui 
vous permettent de saisir les differentes caracteristiques du produit. 

L'onglet Informations du produit est dedie a la saisie des 
caracteristiques principales du produit (voir Figure 8.55). 

2 Saisissez la reference du produit qui doit etre unique dans la zone 
Ref. 

3 Saisissez le nom du produit dans le champ Nom. 
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4 Saisissez l'URL dans la zone URL. 



Figure 8.55 : 

La page d'ajout d'un 
nouveau produit 



La zone Vendeur contient le nom de la societe de la boutique qui a ete 
definie dans les informations de la boutique par le menu Boutique 
/Boutique Editer la boutique. 






REMARQUE 



Multivendeurs 

La version actuelle de VirtueMart, 1.1.3, n'est pas multivendeurs. La 
gestion des vendeurs est accessible depuis le menu Vendeurs, mais n'est 
pas operationnelle et est en version alpha. II est done recommande de ne 
pas l'utiliser tant que la phase de debogage n'est pas terminee. Un 
message est affiche dans la page Ajouter des informations si vous activez 
le menu Vendeurs/Ajouter un vendeur. 
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Figure 8.56 : L'ajout de plusieurs vendeurs n'est pas conseille 



5 Choisissez le fabricant, cree auparavant, dans la liste Fabricant. 
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Cliquez sur la categorie du produit dans la liste Categories. 
Plusieurs categories peuvent etre selectionnees au moyen des 
touches | Ctrl] ou [Maj . 



7 Saisissez le prix HT du produit dans la zone Prix HT. La devise 
proposee dans la liste a droite du prix HT est celle parametree 
depuis la page Informations sur la boutique par le menu Boutique 
/Editer la boutique. 

8 Choisissez le taux de TVA a appliquer sur le produit dans la liste 
N°TVA. 

Le prix TTC du produit est systematiquement affiche dans la zone Prix 
TTC si le prix HT et le taux de TVA ont ete definis. 



1 ^jj 1 



La mise a jour du prix HT ou du prix TTC 

Le prix HT est recalcule automatiquement si le prix TTC est saisi 
dans la zone Prix TTC et inversement. II est quelquefois plus simple de 
saisir des prix TTC avec des decimales precises (par exemple 15,90) 
pour en deduire un calcul automatique du prix HT. 



9 Saisissez un descriptif succinct dans la zone Resume qui sera 
affiche dans la page de la categorie du produit et dans celle de 
tous les produits. La taille maximale est de 255 caracteres. 

10 Saisissez un descriptif complet dans la zone Description complete 
qui sera affichee dans la page de details du produit. 

11 Cliquez sur le bouton Enregistrer. 



1 ^ = y i 



Importer ou exporter des produits dans un fichier CSV 

REMARQUE 

Pour importer ou exporter des produits d'un fichier au format CSV, le 
composant CSV Improved doit etre installe. Les versions recentes du 
composant sont payantes ; les versions anciennes gratuites doivent etre 
installees avec le plugin System - Legacy active. Toutefois il est 
recommande de faire une sauvegarde avant 1' installation. Le menu 
Produits/Utiliser Envoi de CSV permet d'acceder a la page de 
telechargement du composant sur le site http://www.csvimproved.com/downloads. 

Pour installer une version telechargee, installez le composant depuis le 
menu Extensions/lnstaller/Desinstaller, puis suivez les instructions pour 
importer ou extraire des produits a VirtueMart. 
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REMARQUE 
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Figure 8.57 ; La page c/e telechargement d'extensions VirtueMart 
depuis le site http://www.csvimproved.com/downloads 



Editer un produit 

1 Activez le menu Produits/Lister les produits. 

La page Liste des produits affiche les produits dans un tableau avec 
certaines caracteristiques. 

2 Pour rechercher un produit, utilisez les zones de recherche, situees 
en haut de la page, ou la liste Filtre pour afficher les produits d'une 
categoric 
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Figure 8.58 : Le 1 litre sur les categories 
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3 Pour editer le produit, cliquez sur le nom du produit. 



La page Mettre a jour I'element affiche les caracteristiques du produit 
dans les differents onglets. 






Ne pas pubher un produit 

Un produit est, par deiaut, publie. Pour ne pas le pubher, ainchez la 
page Liste des produits, accessible depuis le menu Produits/Lister les 
produits, puis cliquez dans la colonne Publier de la ligne du produit a 
retirer. 

Une autre methode consiste a editer le produit, puis a decocher la case 
Publier? sous l'onglet Informations produit. 



1 % = y i 



Supprimer un produit 

fiEMAMUC 

Affichez la liste des produits par le menu Produits/Lister des produits. 
Dans la page Liste des produits, cochez la case a gauche du produit, 
puis cliquez sur le bouton Supprimer. 






Cloner un produit 

Cette operation est utile si vous disposez de produits 
similaires. Affichez la liste des produits par le menu 
Produits/Lister des produits, puis cliquez sur le bouton 
Cloner produit. La page Mettre a jour I'element affiche alors 
les caracteristiques du produit. Modifiez les caracteristiques de votre 
choix et, dans tous les cas, changez la reference du produit qui doit etre 
unique afin que le systeme puisse 1' identifier. 




Integrer I'image principale du produit 

1 Editez le produit depuis la page Liste des produits, accessible 
depuis le menu Produits/Lister les produits. 

2 Cliquez sur l'onglet Images du produit. 

Cet onglet permet d'associer au produit une image agrandie et de 
generer la vignette de I'image, sans avoir a le faire depuis votre logiciel 
de retouche d'image. II n'est pas utile de transferer I'image via un 
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sy steme tel que [FileZilla]. L' image agrandie est visible lorsque la 
vignette du produit est cliquee depuis la page de details du produit. 

3 Cliquez dans la zone Image grande taille, puis choisissez, depuis la 
boite de dialogue Envoi du fichier, le fichier de l'image agrandie 
du produit et cliquez sur le bouton Ouvrir. Sous l'onglet Images du 
produit de la page Mettre a jour I 'element, cliquez sur 1' option 
Auto-creation vignette ?, puis sur le bouton Appliquer. 

4 Cliquez a nouveau sur l'onglet Images du produit pour constater 
que 1' image agrandie du produit est affichee sous la rubrique 
Image grande taille (colonne de gauche) et que sa vignette est 
visible sous la rubrique Vignette (colonne de droite). 
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Figure 8.59 : 

L'image du 
produit et sa 
vignette 

II est egalement possible d'associer au produit une vignette de taille 
personnalisee. 

5 Cliquez dans la zone Vignette, puis choisissez, depuis la boite de 
dialogue Envoi du fichier, le fichier de l'image de la vignette du 
produit et cliquez sur le bouton Ouvrir. Sous l'onglet Images du 
produit de la page Mettre a jour I'element, cliquez sur le bouton 
Appliquer. Cliquez a nouveau sur l'onglet Images du produit pour 
constater que l'image utilisee pour la vignette conserve les 
dimensions de l'image choisie, visible sous la rubrique Vignette 
(colonne de droite). 

Associer au produit des images 
et des f ichiers complementaires 

VirtueMart permet d'afficher plusieurs images pour un produit et 
d'associer des fichiers tels que des notices aux formats PDF, des videos 
ou des sons, par exemple. 
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1 Affichez la page Liste des produits par le menu Produits/Lister les 
produits. 

2 Cliquez sur l'icone de la colonne Media de la ligne du produit. 

Le numero a droite de l'icone est le nombre de fichiers associes au 
produit. Si vous avez associe une grande image ainsi que sa vignette, le 
nombre indique est 2. 



# 


,-. Nom du ., .. 
□ . .. Media 
produit 


Ref. 


1 


Alphabet -, 
□ hebreu et yT 

ses symboles -pj 


9891 
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Ange massif ^< 
□ en f 
Amethyste {Z) 


Ange AM 



Figure 8.60 : 

Le gestionnaire de fichiers du produit 
va etre affiche 



La page Gestionnaire de fichiers::Liste Image/Fichier affiche les images 
et les fichiers du produit dans un tableau. Depuis cette page, il est 
possible d'ajouter, de supprimer et de voir les fichiers du produit. 

3 Pour associer un nouveau fichier, cliquez sur le bouton Nouveau. 

Le formulaire Envoyer un fichier s'affiche dans une autre fenetre. 

4 Pour associer une image supplemental au produit, choisissez 
Image dans la liste Type de fichier, puis cliquez sur le bouton dans 
la zone Nom de fichier pour la choisir depuis un emplacement de 
votre ordinateur. 

5 Saisissez le texte associe a l'image dans la zone Titre Fichier. 
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Figure 8.61 : 

Le choix du 
type de fichier 
associe 
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6 Pour associer un fichier a un produit, choisissez Fichier dans la 
liste Type de fichier, puis saisissez le texte du lien du fichier dans la 
zone Titre fichier. 

7 Cliquez sur le bouton Enregistrer. 

Dans la page Gestionnaire de fichiers:Liste Image/Fichier, le fichier 
supplemental est ajoute a la liste. 






Changer de fichier 

JEMAROUE . . 

En cas d erreur de fichier, vous pouvez en changer depuis la page 
Gestionnaire de fichiers:Liste Image/Fichier, en cliquant sur le nom du 
fichier afin d'acceder a nouveau a la page Envoyer un fichier. 



Associer des attributs a un produit 

Les attributs sont des caracteristiques ajoutes au produit. Par exemple, la 
couleur et la taille sont des attributs pour un pull-over, la puissance est 
un attribut pour une voiture. Chaque attribut a des valeurs qui sont 
definies comme des proprietes. Par exemple, rouge, vert et bleu sont les 
proprietes de 1' attribut couleur. 

Le produit affiche une liste de choix et l'internaute selectionne une 
option pour le produit avant de 1' ajouter au panier. Par exemple, 
l'internaute va choisir rouge pour un pull-over. 

Vous allez definir un attribut et ses proprietes. 

1 Editez le produit depuis la page Liste des produits, accessible 
depuis le menu Produits/Lister les produits. 

2 Cliquez sur l'onglet Statut du produit, puis saisissez le nom de 
1' attribut dans la zone Titre de la rubrique Liste des attributs, par 
exemple Couleur. 

3 Saisissez ensuite le nom de la premiere valeur de 1' attribut dans la 
zone Propriete, par exemple Rouge. 

4 La zone Prix HT permet de definir le prix du produit en fonction de 
la propriete. Utilisez l'une des saisies suivantes : 

■ Pour conserver le prix initial HT du produit (saisi dans la zone 
Prix HT de l'onglet Informations produit) laissez la zone Prix HT 
vide. 
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■ Pour augmenter le prix initial HT du produit de X, saisissez +X 
dans la zone Prix HT. 

■ Pour diminuer le prix initial HT du produit de X, saisissez -X 
dans la zone Prix HT. 

■ Pour definir un prix X different du prix initial HT du produit, 
saisissez =X. 

Pour ajouter une nouvelle propriete a l'attribut, cliquez sur le lien 
Nouvelle propriete. Repetez Taction en fonction du nombre de 
valeurs de l'attribut. 

Pour creer un nouvel attribut et ses proprietes, cliquez sur le lien 
Nouvel attribut. 



Liste des Attribute: 











Tit re 


Taille 
Propriete 

Propriete 

Propriete 




Nouvel attribut | Nouvelle propriete 


Grand 


~Tx 

Unitaire 


Mcyen 


Ix 
Unitaire ! 


Petit 


Prix — ly 
Unitaire 






Tit re 


Material 
Propriete 

Propriete 




Nouvel attribut | Supprimer attribut | Nouvelle propriete 


Bois et metal 


Unitaire 


Plastique et metal| 


„* ■ -0.99 X 
Unitaire K 













Figure 8.62 : La saisie dattributs et de proprietes 



7 Cliquez sur le bouton Enregistrer. 
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REMARflUE 



Gestion des stocks 

Cette methode ne permet pas de gerer les stocks du produit par 
attribut car le systeme considere qu'il n'existe qu'un produit, quel que 
soit le nombre d'attributs crees. 



Dans le frontend de la boutique, une liste deroulante est affichee dans la 
page de details du produit. Cette liste renferme les proprietes de 
l'attribut cree precedemment. La valeur entre parentheses, affichee a 
droite de certaines proprietes dans la liste deroulante, indique 
1' augmentation TTC ou la diminution TTC par rapport au prix du 
produit. 
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Figure 8.63 : 

L'affichage dans le frontend 






REMAROUE 



Creer des produits personnalisables par l'acheteur 



Si votre boutique met en vente des objets que l'acheteur peut 
personnaliser (des tee-shirts a son nom, par exemple), il vous est 
possible de definir une ou plusieurs zones de texte a completer par 
l'acheteur, lors de 1' achat. La saisie du texte est effectuee avant l'ajout 
du produit dans le panier. 

Pour ce faire, editez le produit depuis la page Liste des produits, 
accessible depuis le menu Produits/Lister les produits, puis cliquez sur 
l'onglet Statut du produit. Saisissez le nom de l'attribut dans la zone Liste 
des attributs personnalises. Si plusieurs attributs doivent apparaitre, 
saisissez les noms des attributs personnalises separes par des 
points- virgules. 



Votre texte 



Quantite: -j 



00 Ajout 



er au panier 



Figure 8.64 : La saisie de donnees personnelle, pour un produit, lors de 
son achat 



Liste des attributs 
personnalises: 



Votre Texte 



Exemples pour le formatage de la Liste des Attributs Personnalises: 

Nom; Options; . . . 



Figure 8.65 : La creation d attributs personnalises 



Decliner un produit 

Un produit peut etre cree avec des conditionnements differents (un 
savon distribue en pains de poids different ou liquide, par exemple). 

II vous faut alors constituer le produit principal (ou produit parent), puis 
les variantes (produits enfants). Les produits parents et enfants ay ant des 
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references distinctes, il est done possible de definir les stocks de chaque 
produit afin de pouvoir les gerer. 

La premiere etape consiste a creer le produit principal. 

1 Pour cela, utilisez le menu Produits/Ajouter un produit, 

renseignez les caracteristiques de base du produit, puis cliquez sur 
le bouton Appliquer pour enregistrer les donnees du produit. 

Le titre de la page Nouveau produit est modifie en Mettre a jour 
I'element. 

La deuxieme etape est celle de la definition d'un attribut. 

2 Depuis la page Mettre a jour I'element du produit parent, cliquez 
sur le bouton Ajouter un attribut. Ce bouton n'est pas accessible 
depuis la page Nouveau produit. 

3 Dans la page Formulaire d'Attribut affichee, saisissez le nom de 
1' attribut dans la zone Nom de l'attribut. 

4 Dans la zone Ordre d'affichage, saisissez une valeur afin 
d'indiquer sa position par rapport aux autres attributs, si ceux-ci 
existent. 



Formulaire d'Attribut 

Nouvel attribut pour le produit Savonl 



Mom ris l'attribut Couleur 
Ordre d'affichage: i| 



Figure 8.66 : La seconde etape 
5 Cliquez sur le bouton Enregistrer. 
La page Liste d'attributs pour affiche les attributs crees. 






Ajouter, modifier, supprimer un attribut 

Pour modifier un attribut, cliquez sur le nom de l'attribut dans la page 
Liste d'attributs pour afin de l'editer. Pour ajouter un nouvel attribut, 
cliquez sur le bouton Nouveau. Pour supprimer un attribut, utilisez le 
bouton Supprimer apres avoir selectionne l'attribut. 



LE GUIDE COMPLET 



309 



Chapitre 8 



Ajouter une boutique en ligne 



L'etape suivante consiste a creer des declinaisons du produit principal. 

6 Activez le menu Produits/Ajouter un element. 

La page Nouvel element s'affiche avec des zones vierges pour la saisie 
des caracteristiques du produit enfant. 

7 Saisissez la reference du produit enfant, unique, done distincte de 
celle du produit parent, dans la zone Ref. 

8 Saisissez le nom du produit enfant dans la zone Nom qui ne doit 
pas rester vide. Les autres zones peuvent le rester, ce sont les 
donnees definies pour le produit principal qui seront prises en 
compte. 

9 Cliquez sur l'onglet Statut de Telement, puis saisissez la valeur 
de chaque attribut dans la zone de la rubrique Attributs de 
/'element. 

10 Saisissez eventuellement la quantite disponible dans la zone En 
stock de la rubrique Statut de /'element pour gerer les stocks du 
produit enfant. 



*a> 



REMARQUE 



Modifier un produit enfant 



Affichez les produits par le menu Produits/Lister les produits. Le 
produit ayant des produits enfants est reperable par le lien [Information de 
/'element] place a droite de son nom. Cliquez sur ce lien pour afficher les 
produits enfants dans la page Liste des produits, puis sur le nom d'un 
produit pour l'editer. 



[ 



Hand Shovel [ 
6 □ Information fie 

Ferment 1 fT 



Figure 8.67 : 

L acces aux produits enfants 



Dans le frontend de la boutique, les produits enfants sont affiches dans 
une liste deroulante de la fiche de details du produit parent. Les 
caracteristiques du produit enfant sont affichees lorsqu'un produit enfant 
est choisi dans la liste deroulante. 

II est possible de modifier 1'affichage des produits de la liste. 

11 Depuis l'interface d' administration de VirtueMart, affichez la liste 
des produits par le menu Produits/Lister les produits, puis editez 
le produit parent. Cliquez ensuite sur l'onglet Affiche les options. 
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12 Pour ne pas afficher les caracteristiques d'un produit enfant 
lorsque celui-ci est clique, cochez la case Efface les valeurs 
d'affichage des produits enfants et utilise les parents. 

13 Lorsque la case de la liste Utiliser une liste deroulante pour les 
produits enfants est cochee, les produits enfants sont affiches dans 
un tableau. Utilisez les parametres de la zone Style de la liste 
devenus actifs pour personnaliser l'affichage des produits enfants. 

Associer les produits complementaires 

Les produits complementaires sont des produits ayant un lien avec le 
produit presente, tels que des accessoires ou des modeles similaires. 

1 Editez le produit depuis la page Liste des produits accessible 
depuis le menu Produits/Lister les produits. 

2 Cliquez sur l'onglet Produits complementaires, puis saisissez le 
nom du produit a associer dans la zone Trouver des produits ou des 
categories ici. 

Une liste des produits trouves s'affiche sous la zone de saisie. 

3 Cliquez un produit de la liste pour 1' afficher dans la liste de droite. 
Repetez 1' operation pour en ajouter plusieurs. 






Informations orodut j Affiche les options Statut du produt Onensnrc et pods du produt image* du orodut Prakrits Com piemen la ires 
Produits CEmiiiuiTion'aires 



Trouver des jk oduls du des categories ki 
Celesbte 

Selettionnei un ou plusieurs produits Lj 

H) rseraux brute / C'ricUJtr 
Page* ftf t 




Figure 8.68 : /-'association de produits complementaires 
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REMAROUE 



Supprimer des produits complementaires 

Depuis l'onglet Produits complementaires, cliquez sur le produit 
complementaire dans la liste de droite, puis sur le symbole <. Le produit 
est alors retire des produits complementaires. 
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Personnaliser un produit par ajout 
des caracteristiques specifiques 

II est possible d' ajouter des caracteristiques complementaires a 
produit. 



un 



Creep un type de produit 

1 Activez le menu Produits/Ajouter type produit. 

La page Information type produit est affichee. 

2 Saisissez un nom, qui donnera naissance a un nouvel onglet dans 
la page de mise a jour du produit, dans la zone Nom Type Produit, 
puis un descriptif succinct dans la zone Description type produit. 

3 Cliquez sur le bouton Enregistrer. 



Information type produit 
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Figure 8.69 : La creation d'un type de produit 

Creer les parametres du produit type 

Cette etape consiste en la creation des etiquettes et des zones de saisie 
qui apparaitront sous 1' onglet. 

1 Activez le menu Produits/Lister type produit, puis cliquez sur le 
lien [Afficher] de la colonne Parametres de la ligne du type de 
produit dans la page Lister type produit affichee. 

2 Cliquez sur le bouton Nouveau dans la page Parametres de type 
produit. 

La page Information parametre Type produit est affichee. 
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3 Saisissez le nom du premier parametre du type de produit dans la 
zone Nom parametre. 

4 Saisissez le texte qui sera affiche dans le frontend pour designer 
ce parametre, dans la zone Etiquette parametre. 

5 Saisissez eventuellement un texte descriptif du parametre qui sera 
affiche comme aide dans le frontend dans la zone Description. 

La modification de l'ordre d'affichage ne sera possible qu'apres un 
premier enregistrement des informations. 

6 Choisissez le type du parametre dans la liste Type parametre. 

7 Saisissez eventuellement la valeur dans la zone Valeurs possibles. 
Dans le cas de plusieurs valeurs, utilisez le point-virgule comme 
separateur entre les valeurs (qui seront alors affichees, dans le 
frontend, dans une liste deroulante). 

8 Cochez la case Afficher valeurs possibles en selection multiple ? si 
vous souhaitez qu'il soit possible, pour l'internaute, de choisir 
plusieurs valeurs. 

9 Saisissez le texte a proposer par defaut dans la zone Valeur par 
defaut. 

10 Definissez l'unite eventuelle. 

11 Cliquez sur le bouton Enregistrer, puis renouvelez ce mode 
operatoire pour creer d'autres parametres associes au type de 
produit. 



Information parametre 
Type produit: Specificites 
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Figure 8. 70 : Les parametres du produit type 
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Relation entre un produit et un type de produit 

Vous allez maintenant associer le produit a un type de produit. 

1 Editez le produit depuis la page Liste des produits accessible 
depuis le menu Produits/Lister les produits. 

2 j - " 1 Cliquez sur le bouton Ajouter type produit dans la 

£j I page Mettre a jour /'element. 

outer type produit " 



3 Choisissez le type de produit dans la liste Type produit de la page 
Ajouter un type produit pour Produit. 



Ajouter un type produit pour Produit: Circular 






Figure 8.71 : L'ajout d'un type de produit 
4 Cliquez ensuite sur le bouton Enregistrer. 

Renseigner les caracteristiques complementaires 
du produit 

1 Editez le produit depuis la page Liste des produits accessible 
depuis le menu Produits/Lister les produits. 

L'onglet portant le nom du type de produit cree est ajoute a la liste des 
onglets existant dans la fiche descriptive du produit. 

2 Cliquez sur l'onglet portant le nom du type de produit. 

Les zones affichees correspondent aux parametres crees pour le type du 
produit. 





Mettre a jour I'element :: Circular Saw 
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Figure 8. 72 : Les zones affichees pour le produit 
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3 Completez les zones de cet onglet, puis cliquez sur le bouton 
Enregistrer. 

Les informations complementaires apparaissent dans le frontend. 



Parametres: Specificites 

Diametre 5 cm 

. k 



Figure 8. 73 : 

Le frontend 



Creer un produit telechargeable 

La premiere etape consiste a activer la fonctionnalite de telechargement 
dans la boutique. 

1 Activez le menu Configuration generale/Configuration, puis 
cliquez sur 1' onglet Telechargements. 

2 Cochez la case Activer les telechargements et verifiez le chemin 
physique dans la zone Racine des fichiers en telechargement. Le 
chemin d'acces au fichier doit etre termine par une barre oblique 
(/) et le dossier de stockage des fichiers a telecharger doit etre en 
dehors du dossier d' installation du site web. 

3 Cliquez sur le bouton Enregistrer. 






Le nombre de telechargements 

REMAROUE 

II est possible de definir le nombre de telechargements autorises dans 
la zone Telechargement maximum de 1' onglet Telechargements. 



Affichez la liste des produits par le menu Produits/Lister les 
produits et cliquez sur l'icone de la colonne Media de la ligne du 
produit. Dans la page Gestionnaire de fichiers ouverte dans une 
autre fenetre, cliquez sur le bouton Nouveau. 

Dans la page Envoyer un fichier pour, ouverte egalement dans une 
autre fenetre, choisissez Produit telechargeable (en vente !)dans la 
liste Type de fichier. 

Choisissez ensuite, dans la liste Norn de fichier qui est apparue, le 
nom du fichier a telecharger. Si le fichier ne figure pas dans la 
liste, il est possible de le transferer depuis la zone Nom de fichier. 
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7 Saisissez le texte du lien du fichier telechargeable dans la zone 
Titre fichier. 

8 Cliquez sur le bouton Enregistrer. 

Lors de 1' achat d'un produit telechargeable, un e-mail de confirmation 
est envoye. Apres reglement du produit, un e-mail est a nouveau envoye 
a l'acheteur lui indiquant un numero de telechargement, correspondant a 
la commande passee, ainsi que l'adresse URL pour effectuer le 
telechargement. 

Gerer les prix du produit 

Parametrer les remises 

1 Activez le menu Produit/Ajouter une remise produit. 

2 Renseignez les zones de la page. 



Ajouter/Editer remise produit 



Montant remise: 10 



Type de remise: 



Pourcentage U 



® Total 



Date debut remise: 2009-07-01 



Date fin remise: 



O 



VirtueMe 26 
27 
28 



July, 2009 



« < Today 
wk Mon Tue Wed Thu Fri 

2 3 



) 



6 



8 



13 14 15 16 



10 
17 



18 



29 20 21 22 23 24 







Thu. Jul 3i 



Figure 8. 74 : Le parametrage des remises 

3 Editez le produit par le menu Produits/Lister les produits. Dans la 
liste Type de remise, cliquez sur la remise a appliquer sur le 
produit. 

4 Dans la zone Prix reduit, saisissez le prix remise du produit si la 
remise ne figure pas dans la liste Type de remise. 
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Apres validation, la remise est calculee automatiquement par rapport au 
prix initial du produit, defini dans la zone Prix TTC. 






Soustraire les remises avant d'appliquer taxes et frais 

REMARQUE 

Depuis 1' interface de VirtueMart, activez le menu Configuration 
generale/Configuration. Sous l'onglet General de la page Configuration, 
cochez la case Soustraire les remises avant d'appliquer taxes et frais ? de la 
rubrique Configuration des taxes (TVA). 



Appliquer des prix degressifs 

Vous pouvez appliquer des prix degressifs en fonction de la quantite de 
produits commandes. 

1 Affichez la page Liste des produits, accessible depuis le menu 
Produits/Lister les produits, puis selectionnez le produit et 
cliquez sur le bouton Lister les prix. 

2 Cliquez ensuite sur le bouton Nouveau de la page Produit Prix 

pour. Saisissez la quantite d' achat minimale dans la zone Quantite 
d 'achat minimum. 

3 Saisissez la quantite d' achat maximale dans la zone Quantite 
d'achat maximal. 



4 Cliquez sur le bouton Enregistrer. 






REMAROUE 



Offrir des reductions au moyen de cheques boutique 

Pour permettre de saisir un code de cheque boutique lors de la prise 
de commande, la fonctionnalite des cheques boutique doit etre activee. 
Pour cela, activez le menu Configuration generale/Configuration, puis 
cliquez sur l'onglet General et enfin cochez la case Active utilisation 
cheque boutique de la rubrique Fonctionnalites de la boutique. 

Pour creer un cheque boutique, cliquez sur le menu Cheque boutique 
/Nouveau cheque boutique. Renseignez les zones de la page Nouveau 
cheque boutique affichee, puis cliquez sur le bouton Enregistrer. 
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REMARQUE 
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Figure 8. 75 : L 'activation de i'utiiisation des cheques boutique 



La gestion des stocks 

VirtueMart permet une gestion des stocks. 

1 Activez le menu Configuration generale/Configuration, puis 
cochez la case Verifier les stocks ? de la rubrique Parametres 
principaux sous l'onglet General. 

2 Editez le produit, puis cliquez sur l'onglet Statut du produit. 

3 Saisissez le nombre de produits en stock dans la zone En stock. 

4 Cliquez sur le bouton Enregistrer. 

L'etat des stocks est visible depuis l'inventaire. 

5 Pour consulter les stocks des produits, activez le menu Produits 
/Voir inventaire. 

Le stock de chaque produit est affiche dans la colonne Nombre de la 
page Inventaire des produits. Par defaut, les produits en rupture de stock 
ne sont pas affiches. 

6 Pour afficher tous les produits, cliquez sur le lien Lister tous les 
produits. 

8.8. Parametrer les expeditions 

Vous pouvez opter pour plusieurs types d'expeditions. 
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Choisir la methode d'expedition 

1 Activez le menu Configuration generale/Configuration, puis 
cliquez sur l'onglet Expeditions. 

Cet onglet affiche les differents modules d'expedition. 

2 Cochez la case de la methode d'expedition correspondant au 
transport utilise. II vous est possible d'en choisir plusieurs. Voici 
les principaux : 

■ Module standard, avec frais et transporteur independant : calcul 
effectue selon le poids et la destination de la commande. 

■ Module d'expedition par Zone/ Pays Version 1.0 : calcul effectue 
selon le nombre de produits et la destination de la commande. 

■ Flex Shipping : calcul effectue selon le montant de la 
commande. 

Frais de livraison base sur le montant total de la commande : 
calcul effectue selon le montant total de la commande. 



«3& 



REMARtiUE 



Ne pas appliquer de frais d'expedition pour toutes les commandes 

II est possible de ne pas parametrer des frais de livraison dans la 
boutique en desactivant l'etape du choix de la methode de livraison lors 
de la commande. 

Pour cela, activez le menu Configuration generale/Configuration, puis 
cliquez sur l'onglet Commande et decochez la case "Choisissez une 
methode d'expedition " . 
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Figure 8. 76 : La deactivation du choix de la methode d'expedition 
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Definir le poids et les dimensions d'un 
produit 

1 Editez le produit depuis la page Liste des produits accessible 
depuis le menu Produits/Lister les produits. 

2 Cliquez sur l'onglet Dimensions et poids du produit, saisissez le 
poids du produit dans la zone Poids, puis 1' unite de mesure dans 
la zone Unite de mesure. 

3 Renseignez les zones Longueur, Largeur et Hauteur. 






RENAROUE 



Afficher un delai de livraison 

Pour indiquer un delai de livraison du produit dans sa page de details, 
editez le produit par le menu Produits/Lister les produits, puis cliquez 
sur l'onglet Statut du produit de la page Mettre a jour Pelement 

Saisissez le delai dans la zone Delai de livraison ou choisissez un fichier 
de l'image du delai dans la liste proposee. Pour ajouter une image 
symbolisant un delai dans la liste, le fichier image doit etre transfere 
dans le dossier componentscom_virtuemart/themes/ 'default/ 'images/ 'availability 
a l'aide d'un logiciel FTP. 



Lister les transporteurs 

Activez le menu Expeditions/Lister les transporteurs. 

Les deux transporteurs crees par defaut sont DHL et UPS. 

Ajouter un transporteur 

1 Pour ajouter un transporteur, cliquez sur le menu Expeditions 
/Ajouter un transporteur. 

2 Dans la page Creer/Editer un transporteur affichee, saisissez le 
nom du transporteur dans la zone Societe expeditrice et un numero 
dans la zone Ordre d'affichage pour ordonner les transporteurs. 

3 Cliquez sur le bouton Enregistrer. 
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Ajouter un tarif d' expedition 

1 Activez le menu Expeditions/Ajouter un taux d'expedition. 

La page Creer/Editer taux d'expedition est affichee. 

2 Saisissez le taux d'expedition qui sera affiche lors de la prise de 
commande dans la zone Description taux d'expedition. 

3 Saisissez un numero dans la zone Ordre d'affichage pour definir la 
position du taux dans la liste des taux affiches. 

4 Choisissez le transporteur dans la liste Transporteur. 

5 Choisissez le pays d'expedition de 1' application du taux dans la 
liste Pays. Plusieurs pays peuvent etre selectionnes au moyen de 



la touche [ Ctrl ] , Le taux ne sera pas affiche pour les acheteurs des 



pays non selectionnes. 






REMARQUE 



Modifier la liste des pays de livraison 

Pour ajouter ou supprimer des pays a la liste proposee, cliquez sur 
Configuration generale, puis sur Lister les pays. Utilisez le bouton 
Nouveau pour ajouter un pays et le bouton Supprimer pour supprimer les 
pays selectionnes. 



6 Saisissez eventuellement le code postal de depart dans la zone 
Fourchette de codes postaux commence a et le code postal de fin 
dans la zone Fourchette de codes postaux termine a. Le taux sera 
alors applique pour certaines villes. Utilisez la fourchette 00000 et 
99999 pour appliquer le taux pour toute la France. 

7 Saisissez le poids minimal de la commande dans la zone Poids 
minimum. 

8 Saisissez le poids maximal dans la zone Poids maximum. 

9 Saisissez le tarif pour ce taux dans la zone Frais. 

10 Saisissez le prix de l'emballage du colis dans la zone Vos frais 
d'emballage. 

11 Choisissez la monnaie utilisee pour ce taux dans la liste Devise 
(voir Figure 8.78). 

12 Cliquez sur le bouton Enregistrer. 
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1 Creer/Editer taux d'expedition 


Description taux 
d'expedition: 






France > 5kg 








Ordre d'affichage: 


1 




, Transporteur: 






Selectionner v 








Pays: 

Multisection : utiliser la 
louche Ctrl + clic souris 


Ethiopia 

Falkland Islands (Malvinas) 

Faroe Islands 

Fiji 

Finland 


! 

1 




France 




France, Metropolitan 

French Guiana 

French Polynesia 

French Southern Territories v 


Fourchette de codes 
postaux commence a: 














rourcnette ae cooes 
postaux termine a: 










Poids minimum: 


3 










Poids maximum: 


5 










Frais: 


15 










Vos frais d'emballage: 












Devise: 

1 


| 







Figure 8.78 : L'ajout d'un tarif 






REMAR0UE 



Ne pas appliquer de frais de port pour un montant minimal 



Pour ne pas appliquer de frais d'expedition a partir d'un montant de 
commande, activez le menu Boutique/Editer la boutique, puis saisissez le 
montant TTC dans la zone Montant minimal pour un franco de port de la 
rubrique Informations sur la boutique. II est recommande d'en informer les 
internautes depuis les articles du site. 



8.9. Personnaliser les modes 
de paiements 

Plusieurs modes de paiements sont autorises. 

Activer les moyens de paiement 

1 Activez le menu Boutique/Lister les methodes de paiement. 
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La page Liste des methodes de paiement affiche de nombreuses 
methodes de paiement. 

2 Pour desactiver une methode de paiement, cliquez sur le bouton 
de la colonne Actif. 
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Figure 8. 73 : La liste des methodes de paiement 



Les paiements par cheques et virements 

1 Activez le menu Boutique/Ajouter une methode paiement. 

Definissez les zones de l'onglet Formulaire de methode de paiement 

comme suit : 

2 Saisissez le nom de la methode de paiement dans la zone Norn de 
la methode de paiement, ici Paiement par cheque. 

3 Saisissez le code pour cette methode de paiement. 

4 Conservez psjpayment dans la liste Nom de la classe de paiement. 

5 Cochez 1' option Adresse seulement/ Paiement a la livraison pour la 
zone Activer type methode de paiement. 

6 Cliquez ensuite sur l'onglet Configuration et saisissez le message 
de finalisation de la commande ainsi que 1' adresse d' envoi du 
cheque. 

7 Cliquez sur le bouton Enregistrer. 

8 Dans le cas d'un paiement par virement, reiterez les operations 
precedentes en choisissant 1' option Virement bancaire pour la zone 
Activer type methode de paiement. Dans le message de l'onglet 
Configuration, saisissez les references bancaires. 
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Formulaire de methode de paiement 


Form y la ire de methode de pa iemenl 


t Configuration 




Actif?: 





Nom de la methode de paiement: 


Virement 


Code: 


Nom de la classe de paiement 


pspayment (g H 


^^^ 


Activertype methode de paiement: 


° Carte de credit 

® Utiliser un terminal de paiement 

® Virement bancaire 

O Adresse seulement/ Paiement a la livraison 

° Formulaire HTML (e.g. PayPal) 










Groupe de client: 


-default- v 


Remise: 
Type de remise: 

Montant maximal de la remise: 




1 © 


O Pourcentage ^jp 
Total 


1 1 



Figure 8.80 : L'ajout d'un mode de paiement 



Les paiements par le systeme Paypal 

Le systeme de paiement par carte bancaire Paypal met a votre 
disposition un environnement de test, simulant l'utilisation d'un compte 
Business sur le site de test Paypal Sandbox (https://developer.paypal.com). 
II vous est ainsi possible de creer un compte e-mail pour le client 
(acheteur) et pour le compte du commergant (vendeur) et de vous faire 
attribuer un numero de carte bancaire fictif. Vous pourrez alors realiser 
la simulation d'une commande et en suivre les etapes. 

Configurer Paypal dans VirtueMart 
pour les tests 

1 Activez le menu d' administration de VirtueMart Boutique/Lister 
les methodes de paiement. 
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Dans la page Liste des methodes de paiement, cliquez sur le lien 
Paypal, puis sur l'onglet Configuration de la page Formulaire de 
methode de paiement. Choisissez Oui dans la liste Mode Test ?. 

Saisissez dans la zone Email Paypal, l'adresse electronique du 
compte vendeur que vous aurez creee dans l'environnement de 
test PayPal Sandbox. 



? 

EWdH 



Lcroqua r«tt* Dpbcm asl flctr,*o *\m vdus pvnTVI d* G«4w vn Knp(i Mttf); H* 



Dj 



par it Mitt d* t* IwmU+r* da t*it vm^.*i>t*we«v*r Co tit ■' tatting f Iprtaat php 
^rWivvifttwfewW Vest sdi*M* *tt*ii PayPal Aum uajita* pour •*t*vn« >** mafrugaa 



Inn »c too 
accept** 



CmilrnwvJ v 



S**ebwn*r rtut dtt sommanda* pour up pMrnaAl PayPal a« acta Si vovt utH4ai » tji 
l*l*c njj^mail pcvr wgi pr«lui1» Sa*Ctonp« r«btt qi* *vl0*i»a I* JWaelmwant pftir >f 
c i»il ra-nt/TB irr.T^d*liiT*intLiii Hml«« u cl» c« Mlrc ha. r 5«rn»ih 



partpnaflul 
#n attanta 

A«#plar 

unigjiwnant 

Bchabaun 

E«<ht 



Euot das cdnriondn qui n'cnri pai tan>p4 la tnroecbwi Ot paia m i n U transaction n'a pa; 
dm >t eas pf*«m nr*t *b* *u #fl urtpi"* « an «d.*n» d"«h*vtnn*pL 



csu- 
thai* 



Ffcm " 



CbomAkI - 



VPui pdurtZ eh&iir h vftvt 
M+n?4 l>i Uft C?mp1t ii| pil 
viiE t« d» La varfio I 



vsa*z Kcapiw das p**war*t dt i» pan. d*i Khetturi a*« u 
«ta vanfia. PayPal mn^fat pat 'c^i *r« n n* gf im-twvl | 



SNacBOfHWr MUt d*« cdnnrtinda*: tort** PayPal rtfuM urt partntart . 



Figure 8.81 : Le parametrage en mode test du paiement Paypal 



Parametrer Paypal pour une mise en ceuvre 
reelle 

1 Connectez-vous a l'adresse www.paypal.fr et creez un compte 
Paypal en tant que vendeur. 

2 Activez le menu d' administration de VirtueMart Boutique/Lister 
les methodes de paiement. 

3 Dans la page Liste des methodes de paiement, cliquez sur le lien 
Paypal, puis sur l'onglet Configuration de la page Formulaire de 
methode de paiement. Choisissez Non dans la liste Mode Test ?. 

4 Saisissez, dans la zone Email Paypal, l'adresse electronique du 
compte vendeur reel sur le site de Paypal. 




Figure 8.82 : 

La configuration reelle du paiement 
Paypal 



5 Cliquez sur le bouton Enregistrer. 
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8.10. Consulter I'etat des commandes 

VirtueMart vous permet de visualiser I'etat de vos commandes, en cours 
ou effectuees. 

1 Activez le menu Commandes/Lister les differents etats de la 
commande. 

La page Lister les differents etats de commande affiche les etats de la 
commande en anglais. 

2 Renommez eventuellement les etats de la commande en cliquant 
sur leurs noms. Les etats sont les suivants : 

■ Pending : commande en attente (la commande est enregistree, 
mais le reglement est en attente). 

Confirmed : commande confirmee (le paiement est accepte, un 
e-mail est envoye au client). 

■ Cancelled : commande annulee. 
Refunded : commande remboursee. 

■ Shipped : commande expediee (il vous faut activer cet etat de 
commande apres la livraison). 
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Figure 8.83 : Les differents etats de la commande 






REMARQUE 



VirtueMart n'edite pas de facture, mais un bon de commande 



A la prise de commande est envoye un bon de commande et non une 
facture. Pour le moment, 1' envoi de facture aux clients doit etre traite 
separement de VirtueMart. 
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Activez le menu Commandes/Lister les commandes afin de 
consulter les commandes passees. 

Pour consulter les commandes par client, activez le menu 
Configuration generale/Utilisateurs. Dans la page Liste des 
utilisateurs, cliquez sur le nom de l'utilisateur, puis sur l'onglet 
Liste des commandes de la page Ajouter des informations. 
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Figure 8.84 : Les commandes d'un client 



8.1 1 . Sauvegarder le site web 



II est necessaire d'effectuer regulierement des sauvegardes de votre 
sy steme pour vous preserver d'une perte ou d'une alteration de vos 
donnees. 



Sauvegarde de la base de donnees 

1 Depuis un navigateur Internet, connectez-vous a l'adresse Internet 
de votre hebergeur. 

2 Depuis 1' interface d' administration client de votre espace 
d'hebergement, accedez a la base de donnees utilisee pour le site 
web Joomla pour afficher l'interface Php MyAdmin. L'acces est 
different selon les hebergeurs. 

3 Depuis l'interface Php MyAdmin, cliquez, dans la partie gauche 
de la fenetre, sur le lien du nom de la base de donnees, puis sur le 
lien Exporter en haut de la partie centrale de la fenetre. 

4 Dans la page Schema et donnees de la base qui apparait, cliquer 
sur le bouton Executer en bas de la page sans modifier les 
parametres coches. 
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Figure 8.85 : L'exportation de la base de donnees 

La base de donnees est affichee au format SQL dans la partie 
centrale. Cliquez sur ce code, puis combinez Taction des touches 
[ Ctrl H -fA) pour en selectionner Tintegralite. La selection apparait en 
video inversee. Combinez ensuite Taction des touches [Ctrl) +fc 
pour effectuer un copier. 

Ouvrez le Bloc-notes de Windows et collez le code precedemment 
copie. Enregistrez le fichier texte sur Tordinateur local avec la 
date de sauvegarde de type AAMMJJ (080901-mysql.txt, par 
exemple). 

Fermer la fenetre ouverte de Tinterface de Php My Admin. 

Deconnectez-vous de Tinterface d' administration client de votre 
espace d'hebergement. 



Sauvegarde des fichiers 

1 Lancez Filezilla afin de vous connecter a votre espace 
d'hebergement. Dans le logiciel, saisissez Tadresse de Tespace 
d'hebergement, le nom d'utilisateur et son mot de passe rattaches. 
Ces parametres FTP vous ont ete fournis depuis Tinterface 
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d' administration de votre espace d'hebergement. Cliquez sur le 
bouton Connexion rapide. 

2 Ouvrez, dans la partie Site Local (colonne de gauche), le dossier 
qui contiendra la sauvegarde des fichiers de site Joomla. 

3 Dans votre espace d'hebergement, figure dans la partie droite du 
logiciel nominee Site distant (colonne de gauche), selectionnez le 
dossier du site web Joomla, puis operez un glisser-deposer vers le 
dossier de sauvegarde dans la partie Site Local. 

L'avancement du transfert du fichier apparait tout en bas de la fenetre. 




Norn / 



Taille Type 



dossier -site -joomla 



Ij^logs 
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Figure 8.86 : Le transfert des fichiers 






REMARQUE 



Le composant JoomlaPack 

Le composant JoomlaPack permet de sauvegarder les fichiers et la 
base de donnees ainsi que d'effectuer la restauration du systeme. La 
derniere version peut etre telechargee depuis le site officiel du composant 
a l'adresse www.joomlapack.net. 
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8.12. Check-list 

■ VirtueMart est un composant tres sophistique, permettant de 
transformer votre site Joomla en un veritable site de commerce 
electronique. 

■ Vous devrez alors parametrer ce composant pour 1' adapter a votre 
secteur d'activite, vos produits, votre couverture geographique et 
a vos modes de paiements. 

■ Vous disposerez de statistiques avancees sur l'etat de vos 
commandes. 

■ Une perte de vos donnees pouvant s'averer dramatique, il vous 
faudra effectuer regulierement des sauvegardes manuelles. 

■ Vous pourrez egalement avoir recours a un composant effectuant 
les operations de sauvegarde et de restauration du systeme. 
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Ameliorer I'indexation dans les moteurs de recherche 



Le referencement permet d'augmenter la visibility de votre site web 
dans les moteurs de recherche et les annuaires (sites presentant de 
nombreux liens vers des sites Internet, classes par categories), 
lorsqu'une recherche, portant sur une expression cle (du type "voiture 
d'occasion a moins de 5 000 euros"), est effectuee. 

La qualite d'un referencement depend d'un nombre consequent de 
parametres (quantite de liens externes pointant vers le site, qualite du 
contenu redactionnel, utilisation de certaines balises, semantique, noms 
des images, etc.). 



9.1. Connaitre les principes 
de fonctionnement de Google 



Google, qui tire ses revenus de la publicite, se doit, pour conserver 
l'enorme taux de frequentation qui le caracterise, de fournir aux 
internautes un service de qualite, en matiere de classement des sites 
qu'il a repertories. Ceux-ci doivent nous etre presentes en fonction de 
criteres de pertinence reels, dont le contenu redactionnel est 
certainement le plus important. 

V 

A bien y reflechir, le "marche" est equitable puisque tous les acteurs y 
trouvent leur compte : 

■ L'internaute, a qui le moteur de recherche donne gratuitement une 
source d' informations pertinentes, sous la forme d'une liste 
d'URL classees selon une estimation qualitative credible, en 
fonction de la recherche effectuee. 

■ Les sites web, dont les webmestres trouvent, en ce qui concerne le 
referencement naturel (terme indiquant que le moteur de 
recherche n'est pas paye pour positionner le site), chez Google, 
un outil efficace de promotion gratuit de leurs contenus. 

■ Le moteur de recherche qui, grace a l'enorme trafic genere, se 
trouve promu au rang d' immense espace d'affichage publicitaire, 
capable de s'etendre a l'infini, puisque les annonces payantes des 
annonceurs, nominees "liens commerciaux", ne sont plus 
seulement affichees sur le portail de Google mais sur 
d'innombrables sites web, moyennant remuneration de leurs 
proprietaries, par le systeme de partenariat de Google nomme 
"Google AdSense". 
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Google AdSense 

Ce terme designe le concept technique de Google reposant sur 
1' insertion de messages publicitaires dynamiques (c'est-a-dire en rapport 
avec le contenu redactionnel des pages dans lesquelles ils sont affiches) 
sur les sites des webmestres ayant souhaite devenir partenaires du 
moteur de recherche. 



Au regard de ces bases conceptuelles, il est done aise de deduire 
l'axiome federateur de toute theorie visant a ameliorer le referencement 
naturel : de nombreux contenus de qualite. Sans ce fond de sauce 
essentiel, toutes les recettes de cuisine que vous lirez dans cet ouvrage et 
ailleurs ne seront que des trues et astuces a efficacite non garantie et, par 
essence, ephemeres. 

Qualite des contenus editoriaux et frequence de mise a jour des 
informations produites sont done les garants de la perennite d'un bon 
referencement naturel. 

Cette logique, universelle et simple, peut d' ailleurs etre etendue a tous 
les moteurs de recherche puisque Ton imagine mal comment leurs 
criteres de selection pourraient differer de ceux de Google. A ceci, 
ajoutez une bonne comprehension du principe de la "longue traine", 
decrit plus loin, et vous disposerez des bases efficaces pour obtenir une 
indexation naturelle (encore designee par le terme de "referencement 
organique") durable et de qualite. 

Que penser, alors, de tous les conseils d' optimisation des pages, de tous 
les modes operatoires plus ou moins techniques, edictes de fagon 
souvent anarchique sur le Web ? 

Ceux-ci se divisent en deux categories, qu'il est essentiel de 
parfaitement cerner car de mauvaises pratiques pourraient vite se 
retourner contre le webmestre peu scrupuleux et uniquement soucieux 
de positionner son site (ou celui de son client) en tete des classements et 
ceci a tout prix : 

■ Les techniques approuvees par les moteurs de recherche et qui 
suivent une logique coherente d' utilisation de l'outil web 
(utilisation des titres, emploi des balises de formatage de texte et 
des images, etc.). Ces methodes, decrites plus loin, ont un effet 
benefique sur le positionnement d'un site dans les pages de 
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reponses des moteurs de recherche. Elles ne visent pas a berner 
l'internaute mais correspondent a un usage normal et efficace du 
code html. 

Les techniques M de triche", en ce sens qu'elles ne respectent pas le 
code de deontologie des moteurs (usage abusif de certaines 
balises de mise en forme, repetitions non justifiees d'un mot-cle, 
pages dediees au moteur de recherche et non a l'internaute, pages 
satellites, texte invisible cache dans le code html, le code 
JavaScript ou les feuilles de style, inscription sur des annuaires 
n' ay ant pour fonction que de generer artificiellement des liens 
vers le site, etc.). Forcement vouees a l'echec, a plus ou moins 
long terme, ces methodes peuvent engendrer, de la part du moteur 
de recherche, des "sanctions" pouvant aller jusqu'a l'exclusion 
pure et simple du site concerne. Elles sont, evidemment, a 
proscrire. 
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REMARQUE 



Quand le travail de referencement aboutit a une desindexation 
du site 

Si, comme de nombreux proprietaries de sites web, votre emploi du temps 
ne vous permet pas d'effectuer vous-meme le travail de referencement, 
activite tres consommatrice de temps, et que vous decidiez de confier 
cette mission a un referenceur professionnel, demandez a ce dernier 
d'etablir une description exacte et precise des taches qu'il envisage 
d'effectuer. Prenez le temps necessaire pour vous documenter sur les 
techniques enoncees afin de vous assurer qu'aucune d'entre elles ne risque 
de provoquer un declassement dans les moteurs de recherche ou, pire, un 
blacklistage (suppression de tout ou partie du contenu de votre site dans 
les index des moteurs). 
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Nous vous conseillons done de conserver une ligne conductrice 
"honnete", visant a respecter les consignes des moteurs de recherche, et 
particulierement celles de Google. Une telle ligne de conduite vous 
apportera de nombreux avantages, a long terme : 

■ Vos visiteurs constateront, en navigant sur votre site, que vous ne 
cherchez pas a les berner mais decrivez objectivement votre sujet. 
Cette attitude ne pourra que vous apporter des retombees 
benefiques (de plus en plus d'internautes adoptent un regard tres 
critique vis-a-vis de certains sites utilisant des techniques de 
marketing grossieres). 

■ Vous contribuerez au developpement de ce superbe outil qu'est le 
Web, en apportant votre contribution a cette immense base de 
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connaissances communautaire, par un site Internet de qualite, 
disposant d'une originalite propre et apportant une veritable 
valeur ajoutee aux informations en ligne. 

■ Les parametres de positionnement des sites evoluant en 
permanence, et gardes secrets par les moteurs de recherche, vous 
partirez sur des bases redactionnelles et comportementales saines, 
vous assurant une strategic de referencement robuste, qu'il vous 
suffira d'affmer, au fil de revolution des techniques utilisees par 
les moteurs. 

Les algorithmes de Google sont, en effet, Tun des secrets les mieux 
gardes du monde par ses concepteurs. Chose parfaitement logique 
puisque le moteur de recherche perdrait instantanement toute sa 
credibilite si le code de ses programmes d' indexation etaient connus des 
referenceurs, qui le detourneraient irremediablement de sa fonction 
premiere, le classement des sites, pour vendre leurs prestations aux plus 
offrants. On trouverait alors aux premieres places, non plus les sites les 
plus meritants et les plus apprecies des internautes mais ceux pour qui le 
plus gros budget marketing aurait ete investi. Et ceci sonnerait le glas de 
1' Internet en tant que source et lieu de partage universel de 1' information. 

On ne peut done, au final, que se rejouir du manque de communication 
de Google sur le fonctionnement de ses rouages internes, frequemment 
modifies et ameliores, puisque cette attitude sert l'ensemble de la 
communaute des utilisateurs du Web et incite les editeurs de contenus 
que nous sommes a ameliorer sans cesse et sans subterfuge la qualite de 
nos pages. 



9.2. Referencement naturel vs 
referencement payant 

Le referencement naturel et le referencement payant sont, pour le 
webmestre, deux strategies differentes qui visent pourtant un meme 
objectif : se trouver mieux place que ses concurrents dans les pages de 
recherche des moteurs. Les moyens employes, quant a eux, different de 
l'un a l'autre. 

Dans le cas du referencement naturel, l'enjeu est de positionner un site 
dans les premiers liens "non sponsorises", sur les SERP des moteurs de 
recherche, lorsqu'une expression de recherche est saisie par l'internaute 
et qu'elle renferme des mots-cles specifiques au site. 
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Figure 9. 1 : Une recherche effectuee sur /'expression " voiture d'occasion a 
moins de 5000 euros" dans Google (http: //www. google, fr) 




DEFINITION 



SERP 

SERP est l'acronyme de Search Engine Result Page. Ce terme designe 
une page de resultats, e'est-a-dire une liste de liens, affiches par les 
moteurs de recherche et pointant vers des sites web, apres que 
l'internaute a effectue sa recherche. 
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Figure 9.2 : Une recherche effectuee sur la meme expression et realisee 
dans le moteur de recherche Yahoo (http://fr.yahoo.com) renvoie un 
resultat different 
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DEFINITION 



Mots-cles 

Les mots-cles sont les mots que l'utilisateur d'un moteur de 
recherche tape dans la zone de saisie afin que celui-ci lui propose des 
liens vers les sites qui s'y rapportent. lis constituent done le theme de 
la recherche. Les mots-cles sont generalement saisis par groupes afin de 
preciser au maximum le sujet. 
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Figure 9.3 : 

Une recherche 
effectuee sur la meme 
expression et realisee 
dans un troisieme 
moteur de recherche 
(ici Bing, a I'adresse 
http://www. bing. com) 
renvoie un resultat 
encore different) 



Le referencement payant, quant a lui, necessite de verser des sommes 
plus ou moins consequentes a des regies publicitaires, pour que celles-ci 
affichent des liens commerciaux sous forme de textes, d' images ou 
encore d'animations, dans les pages de recherche ou a l'interieur de 
sites, alors remuneres. Les sites ayant choisi de reserver un espace a la 
publicite sont generalement payes en fonction du nombre de clics 
effectues par les internautes sur ces publicites. La regie publicitaire en 
ligne la plus importante, a ce jour, est celle de Google ("Google 
Adwords" et "Google Adsens"). 



in 
Di 



TftHftjff &*Ml OCCH<V 



^w TimeuiMmtati 






)UI>iHiyw' 



p pv kj !?■■ 



' •t=witHi* « " I»J I fllli U ' i -AjIH" 



■ ■ 


-» *- - — 


«*»*_,-*•* 


i.!^^" 


. irt+jTrt-jjr 


■ 1M f M hi 


. , ->-- r./, v, . 


■ i'N'p , .* r m* feiv fihi^i^^n 


■ — Jwf^rrw*:** 


■ pMltiM^ 


■ — l»M*It»fc,fc» 


■■*•■ • 



Figure 9.4 : 

La meme recherche 
est cette fois realisee 
sur le moteur de 
recherche Orange 
(http://www. orange, fr) 
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Google AdWords et Google AdSense 

REMAROUl 

Afin de simplifier au maximum et rendre plus accessible l'affichage de 
publicite dans les sites internet, la regie publicitaire Google a choisi de 
separer les deux aspects de son utilisation et de les rendre independants 
aux yeux des internautes qui en font usage. 

Ainsi, un annonceur n'aura a s'interesser qu'a Google AdWords. Grace a 
ce sy steme, il pourra acquerir des espaces d'afflchage publicitaire vers son 
site. Si plusieurs liens publicitaires sont en concurrence, une enchere sur 
des mots-cles est effectuee et un classement reposant sur le prix paye par 
clic determine le positionnement. 

Si, au contraire, vous etes proprietaire d'un site frequemment visite et que 
vous souhaitiez gagner de 1' argent grace a la publicite, c'est uniquement a 
Google AdSense que vous devez vous interesser. Vous n'aurez qu'a 
decider de placer une "annonce Google" sans vous soucier du contenu. 
Google s'en charge. Ainsi, vous choisissez la nature de la publicite 
(simples liens hypertextes, images, animations, etc.) mais une fois cette 
etape franchie, vous n'avez plus rien a faire. Lorsque des visiteurs 
s'interessent a la publicite et cliquent sur les liens, vous recevez de 
1' argent de la part de Google. Les annonces sont en rapport plus ou moins 
direct avec le contenu de la page qui les contient : elles sont dites 
"contextuelles". 



Le concept du referencement payant consiste done a payer Google (ou 
un moteur de recherche fournissant le meme type de service) pour 
1' achat de mots-cles. Des lors, les liens publicitaires seront affiches dans 
les SERP si l'expression saisie par rinternaute correspond aux mots-cles 
pour lesquels 1' annonceur paye ou au sein des sites si le contenu de la 
page est en rapport avec ces mots-cles (voir Figure 9.5). 

Une campagne de referencement payant peut se montrer efficace pour 
augmenter la visibilite d'un site sur une periode limitee. C'est, par 
exemple, un bon moyen de faire connaitre un site qui presente un 
evenement annuel. En effet, il sera tres difficile pour le webmestre de 
celui-ci d'obtenir un bon referencement naturel, dans la mesure ou le 
site n'est visite qu'un mois sur douze. Mais le referencement payant 
n'est pas une strategie durable et il ne faut pas compter sur ce seul 
moyen pour assurer une bonne visibilite de votre site. II semble en outre 
logique d'imaginer que l'internaute, de mieux en mieux informe sur les 
techniques marketing en vigueur sur le Web, fera de plus en plus la part 
des choses et accordera moins d' importance aux liens commerciaux 
qu'aux liens naturels. 
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Figure 9.5 : Les an nonces textuelles et les bannieres publicitaires des 
annonceurs sont affichees sur les sites diffusant les annonces Google (ici, 
sur le site http://www. mosaiqueinformatique. fr) 

Obtenir un bon referencement naturel, par contre, est une tache de plus 
longue haleine et necessite patience, esprit de competition et savoir- 
faire. Vous l'aurez compris, ce type de referencement se merite, mais la 
repercussion se fait tres largement sentir au niveau du taux de visites. 
Les facteurs de reussite d'un site dans le domaine du referencement 
naturel sont tres divers, et seront developpes plus loin dans ce livre. 

Les plus importants sont : 

■ La presence du site dans le plus grand nombre possible 
d'annuaires, c'est-a-dire dans des sites dont le role est de classer 
par categories des liens vers des sites en fonction de leur 
pertinence. 

■ La dynamique du site, c'est-a-dire le fait qu'il soit, ou non, 
frequemment mis a jour. 

■ La qualite du contenu. Celle-ci passe principalement par la qualite 
de la redaction et la quantite d' informations presentes. 
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■ La thematique du site. 

■ Le Page Rank, indice attribue par le moteur de recherche lui- 
meme au site reposant sur de nombreux criteres visant a estimer 
la qualite. 

L' existence ou non de liens externes pointant vers le site, le 
nombre de ceux-ci et la notoriete des sites qui placent ces liens, 
etc. 

Le referencement est done d'une importance cruciale pour toute 
strategic de communication, dans la mesure ou e'est lui qui determine, 
parmi les visiteurs ayant fait une recherche sur le sujet de votre site, le 
nombre de ceux qui seront amenes a voir votre site. 

Pour obtenir un bon referencement naturel, vous devrez respecter les 
regies edictees par Google et eviter les techniques de "triche", qui 
risqueraient de provoquer un bannissement temporaire ou definitif de 
votre site par les moteurs de recherche. 

9.3. Comprendre les principes 
du referencement naturel 

II est important de comprendre l'interet du referencement, son incidence 
sur la viabilite du site, les enjeux et la strategic a adopter, en fonction 
des moyens et de l'objectif a atteindre. 

Comprendre les enjeux du referencement 

Les techniques de referencement ont radicalement change en quelques 
annees. Cette evolution est allee dans le bon sens, puisque les sites qui 
fournissent des contenus redactionnels de qualite sont largement 
privilegies, e'est-a-dire promus par Google (moteur de recherche leader, 
sur lequel s'appuie cette etude des techniques de referencement). 

II est en effet incontestable qu'un net progres a ete fait, en matiere de 
qualite de classement fourni par les moteurs de recherche, par rapport a 
cette epoque, datant d'il y a quelques annees, et pendant laquelle 
certains webmestres ecrivaient en texte blanc sur fond blanc, afin d'y 
cacher des listes de mots-cles ou utilisaient les balises META du code 
html pour y inclure des mots-cles sans rapport avec les pages visitees. 
Ces techniques etaient a 1'origine d'un appauvrissement progressif des 
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contenus, d'une diminution de la pertinence et, par consequent, de pertes 
de temps lors des recherches qui devenaient inefficaces. 

Heureusement, les criteres ont eu le temps de s'affiner et les moteurs de 
recherche ont acquis l'intelligence necessaire pour faire la part des 
choses, discerner les techniques illegitimes et sanctionner par une 
degradation du positionnement ou un bannissement les sites qui en font 
usage. 

S'il veut anticiper 1' aspect que prendra son champ de bataille, un bon 
referenceur se doit de comprendre les regies economiques qui 
s'imposent a Google et aux autres moteurs de recherche. Ceux-ci, pour 
garder toute credibilite aupres des annonceurs publicitaires, doivent 
fournir aux consommateurs des resultats de qualite, concernant les 
recherches d' informations, de produits, de techniques et de services. Les 
moteurs de recherche doivent done eliminer tous les sites qui ne 
respectent pas les regies de qualite. II est obligatoire de comprendre ces 
regies. 

S'il devait etre resume en une phrase, le concept du referencement 
naturel s'enoncerait comme ceci : d'importants contenus de bonne 
qualite et un maximum de liens pointant vers ceux-ci. Rien de 
techniquement inabordable mais un travail pouvant se reveler 
rapidement fastidieux. Aussi est-il prudent d'estimer objectivement le 
temps dont vous disposerez pour entretenir le referencement naturel de 
votre site et de ne pas vous voiler la face : si vous ne pouvez y consacrer 
plusieurs heures par semaine, voire davantage, l'objectif se revelera tres 
difficile a atteindre. 

Pour etre visible sur Google, chers webmestres, il faut done, on a 
tendance a l'oublier, avoir un sujet precis a traiter avec interet. De plus, 
la qualite redactionnelle est indispensable. Enfin, e'est la touche 
personnelle qui jouera. Cette derniere fera que vos articles seront 
attractifs ou ennuyeux, et e'est loin d'etre un detail sans importance. Si 
l'internaute accroche a votre style, ce sera pour lui un plaisir de lire 
jusqu'au bout, et il retournera sur votre site s'il en a l'occasion. Si, au 
contraire, il lui a fallu relire 1' article plusieurs fois pour le comprendre, 
il preferera visiter un autre site la fois suivante. N'abusez toutefois pas 
des effets de style car les robots des moteurs de recherche n'ont aucune 
finesse d' esprit. Certains jeux de mots, par exemple, peuvent etre mal 
interpretes et ne pas donner des resultats, en terme de classement dans 
les SERR a la hauteur de vos textes. 
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Voici deja un resume des regies comportementales a adopter, pour tout 
redacteur, et qui sont expliquees plus en details dans les sections 
suivantes de ce livre : 

■ Determinez seulement quelques mots-cles ou expressions sur 
lesquels vous vous concentrerez lors de la redaction d'une page. 

■ Ne tombez pas dans l'exces quant a la repetition de ces mots-cles. 
Ne vous sentez done aucune obligation de placer "voiture" dans 
chacune des phrases de votre site dedie a 1' automobile. Quatre ou 
cinq fois seront suffisantes, la repetition systematique pouvant 
meme etre nefaste. 

■ Appliquez sur vos mots ou expressions-cles des liens hypertextes 
menant vers d'autres pages de votre site traitant d'un sujet 
similaire. Par exemple, vous pouvez creer un lien vers 
"accessoires automobiles", pointant vers la page de votre site qui 
evoque cette categoric II s'agit alors de placer l'expression que 
vous voulez rendre cliquable dans une phrase comme "Nos 
voitures peuvent etre livrees avec de nombreux accessoires 
automobiles, dans toutes nos agences de vente d' automobiles." 

■ II ne semble pas y avoir de volume ideal, en terme de nombre de 
mots constituant une page web mais ne descendez pas en dessous 
de plusieurs centaines de mots par article ; vous risqueriez de 
manquer de richesse semantique sur le sujet, done de pertinence 
sur le chapitre. 

■ Redigez vos articles dans un style naturel tout en gardant a 
1' esprit que le robot du moteur de recherche risque de prendre 
pour non pertinent un texte qui ne serait fait que de periphrases, 
jeux de mots et allusions. 

Tentez de faire en sorte qu'un nombre maximal de liens externes 
pointe vers votre site. Ceux-ci peuvent etre diriges vers la page 
d'accueil du site mais aussi vers les pages de contenus. On parle 
dans ce second cas de "liens profonds". Dans la mesure du 
possible, il est tres largement preferable que les liens soient 
diriges vers des pages qui contiennent vos mots-cles. Enfin, plus 
le site qui propose un lien vers le votre est important et en rapport 
avec votre sujet, plus il ameliorera votre referencement. 
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Comprendre les objectifs et les methodes 
de referencement 

Les raisons d'obtenir un bon referencement varient en fonction de 
l'activite liee au site : 

■ Quel que soit votre secteur d' intervention, vous souhaiterez 
augmenter votre notoriete. Celle-ci est liee a la visibility de votre 
site et toute augmentation de trafic sur celui-ci sera positive. 

Ameliorer Faeces a une information (scientifique, culturelle, 
politique, etc.). 

Accroitre le nombre de vos clients potentiels. 

En augmentant le nombre de visiteurs, vous augmentez 
automatiquement les revenus que vous touchez grace a la 
presence d'annonces publicitaires. Ce point est particulierement 
important si vous comptez gagner de 1' argent en parlant de votre 
passion, sur votre blog. 

Etablir un reseau de relations et de contacts utiles. 

ConnaTtre les types de referencement 

II existe, vous l'avez decouvert, deux types de referencement : 

■ le referencement naturel, que Ton appelle aussi parfois 
"referencement organique" ou encore SEO, acronyme de Search 
Engine Optimization ; 

le referencement payant ou SEM (acronyme de Search Engine 
Marketing), dont le principe est de payer afin d'etre place parmi 
les liens sponsorises ; 

Un troisieme type de referencement appele SMO (Social Media 
Optimization) consiste a faire connaitre le site en question par le biais de 
moyens divers tels que les reseaux sociaux ou 1'emailing. 

Assimiler les methodes de referencement 
naturel 

Pour permettre a votre site de beneficier d'un bon referencement naturel, 
il vous faudra : 



LE GUIDE COMPLET 



343 



Chapitre 9 



Ameliorer I'indexation dans les moteurs de recherche 



Veiller au bon fonctionnement du site, c'est-a-dire vous efforcer 
d'eliminer au maximum les problemes d'ordre technique qu'il 
pourrait renfermer, et ne negliger en aucun cas 1' importance de la 
qualite reelle du contenu de vos pages. En effet, si celui-ci ne se 
montre pas interessant aux yeux du lecteur, inutile d'esperer un 
bon placement dans les SERP. 

Travailler sur l'environnement du site, qui joue de maniere tres 
importante sur son referencement naturel. L'erreur a ne pas faire 
serait de se concentrer uniquement sur le site lui-meme. Un site 
peut etre d'une richesse exemplaire, et n'etre pour autant que tres 
peu visite s'il se trouve coupe du "noyau actif ' d' Internet, a savoir 
les forums de discussion, le monde des blogueurs et les reseaux 
sociaux (tels que Facebook). En effet, c'est en ce lieu virtuel que, 
dans de nombreux domaines, le bouche a oreille s'effectue, que 
les liens se font naturellement et qu'un site de qualite a de grande 
chance d'etre reconnu en tant que tel. 
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Figure 9.6 ; Les s/tes de reseaux sociaux (ici Facebook sur 
http://fr-fr facebook. com) constituent une opportunity non 
negligeable de faire connakre votre site 



Maitriser les eta pes du referencement 

Le travail du referenceur demande une grande endurance. II s'agit d'un 
cycle d'actions visant a augmenter I'indexation sur un nombre toujours 
plus important de mots-cles : 
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■ Verifiez constamment que le site n'est entache d'aucun probleme 
technique ou redactionnel ; les plus classique d'entre eux etant les 
"liens morts", c'est-a-dire les liens hypertextes vers des pages 
supprimees ou inexistantes, les contenus ou images dupliques 
(que le robot repere tres facilement). 

■ Reflechissez au choix des mots-cles que vous allez definir. Gardez 
en tete qu'un internaute effectuant une recherche sur ceux-ci doit 
voir la page sur laquelle vous avez travaille. Une fois un objectif 
bien cible atteint (par exemple "meubles anciens Nantes"), vous 
pouvez elargir a un sujet plus vaste. 

■ Verifiez que le contenu de vos pages traite exactement le sujet 
que constituent vos mots-cles. II est conseille de creer une page 
par expression precise que le visiteur est susceptible de saisir dans 
le moteur de recherche. 

(Euvrez a ameliorer les liens (on parle de "netlinking") internes et 
externes pointant vers les pages concernees. 

■ Votre travail ne s'arrete jamais : a peine vos objectif s sont-ils 
atteints que vous devez songer a elargir la plage de mots-cles 
definis. Autrement, vos pages se verront vite descendre dans le 
positionnement. En effet, vos concurrents ne se reposeront pas. 

Anticiper le fonctionnement des moteurs 
de recherche 

La methode utilisee par les moteurs de recherche est nommee "crawl" et 
emploie un "robot" (encore appele "spider" ou "crawler"). II s'agit d'un 
programme qui visite les pages en ligne, suivant le chemin des liens 
hypertextes. Chaque page visitee est copiee sur un serveur. 

A l'aide d'un algorithme complexe et tenu secret par Google, les pages 
enregistrees sont analysees : c'est l'indexation. Ensuite, le moteur de 
recherche classe le contenu ainsi que d'autres informations qui lui ont 
servi a estimer la pertinence de la page dans sa banque de donnees. 
S'ensuit l'enregistrement de la page aupres de 1' index du moteur. Ce 
dernier repertorie les pages rencontrees. 

La derniere etape est la formulation de la reponse que le moteur de 
recherche fournit a l'utilisateur lorsqu'il effectue une requete. Une 
recherche est alors realisee au sein de l'index. Les pages trouvees sont 
classees en fonction de leur pertinence par rapport a la requete, puis 
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affichees dans la SERP. II est done evident que le referenceur se doit de 
maitriser cet algorithme le mieux possible. 



Utiliser la longue traine 

Le terme de "longue traine", "long Tail" ou encore "longue queue" 
designe un facteur determinant du referencement naturel. 

Ce parametre repose sur le fait que l'internaute novice, lorsqu'il effectue 
une recherche, a tendance a ne taper qu'un ou deux mots dans la zone de 
saisie du moteur. Par consequent, les resultats sont tres nombreux 
puisque le sujet est vague. La probability qu'une reponse satisfaisante se 
trouve dans les premiers liens est alors tres mince. Par exemple, si notre 
internaute, voyant le printemps arriver, decide de s'interesser au 
fonctionnement des bicyclettes afin de reparer son vieux VTT, il va sans 
doute d'abord saisir "velo" dans sa barre de recherche. Mais les resultats 
qu'il obtiendra ne conviendront pas, pour beaucoup, a ses attentes (vente 
de velos, velos d' occasion, location de velos...). 

S'il a beaucoup de temps, il peut parcourir les nombreuses pages qui 
s'offrent a lui dans l'espoir de trouver une reponse pertinente, mais e'est 
rarement la solution choisie. II va done reformuler sa requete avec plus 
de precision ("fonctionnement velo reparation", par exemple). 

II est alors capital, pour le referenceur, d' utiliser l'effet de la longue 
traine. 




Figure 9. 7 : Cette courbe illustre le phenomene de la longue traTne : sur 
I'axe horizontal, les produits (ou le nombre de mots saisis dans une requete) 
et sur I'axe vertical, les ventes (ou le nombre de visites du site). Source : 
Wikipedia 
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Le terme de "longue traine " a d'abord ete utilise dans le marketing. Ce 
phenomene, observe et etudie avec attention, a recemment ete egalement 
constate sur le Web, concernant le trafic genere sur un site Internet par 
les moteurs de recherche. 






L'originede la longue traine 

Le phenomene de la longue traine (Long Tail, en anglais) a ete 
decouvert en 2004 par Chris Anderson, analyste et redacteur au 
magazine Wired, qui a fait sa decouverte en etudiant les ventes en ligne 
d' Amazon et de grosses structures economiques de vente en ligne 
similaires. 

II a determine que le volume total de ventes des produits peu recherches 
par les consommateurs etait plus eleve que celui des produits en vogue. 

Ce constat s' applique egalement sur le Web, en terme d' audience liee a 
des recherches effectuees dans les moteurs : le volume total des visites 
liees a des recherches specifiques, done expressement et explicitement 
nominees ("guitares vintages Fender et Gibson", par exemple) est 
superieur a celui lie a des recherches sur des mots tres populaires 
("musique", par exemple). En outre, le taux de conversion est meilleur car 
la probability, pour l'internaute, de trouver une reponse en correlation 
avec sa recherche, est superieure lors d'une recherche explicite que sur 
une expression trop generique, sur laquelle un bon positionnement 
necessitera un travail fastidieux et done couteux pour le referenceur. 



Essay ons de nous representer en quoi consiste l'effet longue traine grace 
a un exemple simple : Imaginons qu'un site de vente en ligne propose 
des vetements. II dispose d'un avantage par rapport a son concurrent, le 
magasin traditionnel, de posseder un fond de catalogue (ensemble 
d'articles peu vendus) theoriquement illimite, puisqu'il ne doit pas 
stocker ses marchandises. II est constate que le benefice degage par le 
fond de catalogue est superieur a celui que genere la vente des produits 
les plus vendus, dont doit se contenter le magasin traditionnel. 

Quel rapport avec le referencement ? Le principe est exactement le 
meme. Au lieu de s'essouffler a tenter, sou vent vainement, de bien se 
positionner sur un mot-cle unique, face a une concurrence enorme, il est 
plus rentable de viser les expressions precises, quitte a multiplier les 
pages. De cette maniere, vous pouvez bien placer une page pour chaque 
expression longue, done saisie par un nombre plus restreint 
d'internautes, mais ceux-ci auront plus de chances de voir votre site et 
ce sera bien ce dont il traite qui les interesse. Avec un peu 
d' imagination, il est facile d'envisager de nombreuses combinaisons de 
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mots-cles. II ne vous reste qu'a creer une page par combinaison et a 
travailler sur son referencement. 

Sur le schema presente precedemment, vous pouvez voir que si Ton 
considere le trafic sur l'axe vertical et le nombre de mots-cles sur l'axe 
horizontal, la partie droite, done celle representant le nombre de 
visiteurs parcourant le site grace a l'effet longue traine, est plus 
importante que la partie gauche, qui represente le nombre d'internautes 
ayant trouve le site suite a une recherche sur une expression simple. 



9.4. Determiner sa strategie 
de positionnement 



Avant de debuter le travail de referencement a proprement parler, une 
etude de la concurrence s'avere une etape indispensable. Elle vous 
permettra d'estimer le cout financer et la somme de travail necessaires 
pour atteindre votre objectif. 

De nombreux outils, disponibles sur le Web vous aideront dans cette 
tache. Vous allez en decouvrir quelques-uns ci-apres. 



Rechercher des mots-cles 

Le travail du referenceur, comme nous l'avons vu, est efficace uniquement 
s'il est effectue sur de nombreuses expressions. Aussi, vous devrez en 
estimer 1' importance en fonction du rapport trafic par travail fourni. Vous 
rencontrerez sans doute de grandes difficultes a vous positionner si vous 
visez trop haut, par le choix d' expressions trop vagues. N'oubliez a aucun 
moment qu'il faut garder un esprit competitif et mesurer avec justesse le 
poids de vos concurrents, qui, dans certains domaines, peuvent consacrer 
un budget tres important au referencement de leur site. 



Utiliser des outils de mesure des mots-cles 
Le generateur de mots-cles de Google 

C'est maintenant que vous allez decouvrir les outils qui vous 
permettront de travailler plus efficacement sur la qualite de vos mots- 
cles. 
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Pour ce faire : 

1 Sur le site de Google (a l'adresse http://www.gOOgle.fr), cliquez sur 
Connexion. 



Web Images Video Maps Actualites Groupes Gmail plus ▼ 



iGoogle | Connexion 



Go ode 

£^ / France 



Figure 9.8 : Le lien Connexion, sur la page d'accueil de Google 

La page Comptes Google est affichee. 

2 Si vous en avez une, entrez l'adresse email de votre compte 
Google puis saisissez votre mot de passe. Autrement, creez un 
compte (en cliquant sur Creer un compte maintenant). Cliquez 
sur le lien Connexion. 

3 Cliquez sur le lien Mon compte. 

4 Dans la rubrique Decouvrez d'autres services, cliquez sur 
AdWords. 

La page Bienvenue sur le service AdWords est affichee. 

5 Cliquez sur Trouver des idees de mots-cles. 



Decouvrir AdWords 
Fonetionnement 
Pourquoi cela fc-ctic-ne 
Couls el paiement 

Paur Ies entreprises 

locales 
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Vous creez vos annonces 

Vous Dneez vos annonces el chaisissez des mats ties 
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votre actrwte. Trouver des idees de mots des 

6 

Vos annonces sont diffuaees sur Google. 

Lorsque Ies intemautes effectuent des recherches sur 
Google a I'asde de I'un de yds mats cles, votre annonce 
est susceptible d'apparaitre a eote des resultats de 
recherche. Votre puolicile est done mamtenanl diffusee 
aupnes d'un public qui s'inCenesse a votre ac nivite 
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Figure 9.9 : Le lien Trouver des idees de mots-cles 
La page Generateur de mots-cles apparait. 
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Choisissez Expressions ou termes descriptifs puis saisissez le mot- 
cle ou l'expression-cle qui vous interesse dans la zone Entrez un 
mot-cle ou une expression par iigne. Recopiez le code dans la zone 
Entrez les caracteres figurant dans I'image ci-dessous puis validez 
votre demande par un clic sur le bouton Trouver des idees de 
mots-cles. 



Las resul:ats sontadaptes au parama^ra suivani : Fran^ais, Franca Modifier 



Comment souhaitez-vous cjSnerer des idees de mots clas ? Entrez un mot cie ou una expression par Iigne 

cordesde guitare 



Expressions au termes deseriptirs 



ire v*r[l 



fJontsrnu do site Wet? 

fasemple : www.ex air p]a.fr/pr&duit7id= 74393) 



* Utilise r des sy n o nyrnes 

Entrez es, caractereE figurant dans I'image 
d-dessous. 



[woqmi 
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C Trouver des idecs dc mots clc: 
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Figure S. 70 ; La saisie de /'expression recherchee 

Google vous fournit des informations utiles concernant les differents 
mots-cles envisageables. Cela peut vous etre d'une grande utilite ; vous 
pouvez comparer la concurrence a laquelle vous devrez faire face pour 
chaque expression. A la base, cet outil a ete congu pour les utilisateurs 
de Google AdWords, afin de leur permettre de faire leur choix plus 
facilement lorsqu'ils veulent acheter des affichages de publicites en 
ligne. 

Les principales informations qui pourront vous etre utiles sont : 

— un grand nombre d'expressions-cles en rapport avec votre sujet ; 

— le volume de recherche, e'est-a-dire le nombre moyen de requetes 
effectuees sur les expressions dont il est question ; 

— les tendances des volumes de recherche, soit la proportion des 
requetes effectuees durant l'annee pour chaque mois ; 

— le mois pendant lequel le plus d'entre elles ont ete effectuees sur 
1' expression. 
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Figure 9.11 ; Les resultats affiches 

7 Cliquez sur l'en-tete de colonne de votre choix afin de changer 
l'ordre de classement des reponses affichees dans celle-ci. 
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Figure 9. 12 : Les donnees sont triees par ordre decroissant dans 
cette colonne 

8 Vous trouverez encore un grand nombre d' informations a votre 
disposition. Pour y avoir acces, parcourez la liste de la zone 
Selectionnez les colonnes a afficher. 
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Selectionnez les colonnes a afficher : 



Afficher/masquer les colonnes 
Tendances des Afficher/masquer les colonnes 
recherche (juin 2( 

® 



Afficher la position previsionnelle de I'annonce 
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Figure 3.13 : L'affichage de toutes les donnees disponibles 



Caleuler lea praYtaJena a. ralde oft tfihere de CPC rra.<inuin difTer&fle 
Eik»(EURC) - Recekaifer 

Volume f Volume 

Position Concurrence de de 

pf evislonnelte CPC moyen entre recherche recherche 

da ranna-ciy prGvisinnnal flnrioncaurs iDcalfi : monsuntl 

Mots elds rnai global 



Selec-jorfea les coior^es a aflletef 

Affic*>«r/friHCju»r let colenraw 



Tendances dee 

volumes de 
rtchthth* (jum 
2DBB ■ mal atW9) 



\'0 : uti fr 
le plus 

HVUtt 

en Largo 



Mots cles en rapport auec lefsf Eerme^s] entiefsf - ine par peri "5":e 
rorrjes ce 






9>:&r» 
card* d« 
oiilare 

COrrJes Zi 
SU'ares 

c'es c rjrce-s 
tfwUr* 
d»9un*f( 
12 cordas 

ces c rjrces 
de gud^re 
changer 
vDrrJes ce 
^l ■af* 

cordes de 

oulare 

a:-rjus'3L-e 



1-3 
1-3 
1 -3 
1*3 
1-3 
1-3 

1-3 
1-3 



<:::■: 

€0.53 

€0.27 
€0,05 
£0.05 
€0.05 

£0.05 

c: -6 



9MG 
6 WO 

TODD 

-C""55S 
mtuflrMnto* 

Do nnm 
imunrsantes 

Oopnees 
rrtfuffisants* 

Oorreei 
irsuflisantes 

390 



12 100 
SGOO 
1 900 
1 900 
1300 
1300 

1000 
590 




Abiune donne* 
ALCune rjonnee 
Aucune donree 

AlKune rjrjnryee 



juin 

rJei 

juin 

Aucune 
■;^^ee 

Au(gna 
donnee 

Aucune 
dtefinee 

Aucuna 
donnea 

|uln 



A| outer 
pouter 
^oute- 
riOute' 
pouter 



Aleuts 



Figure 3. 74 ; De nombreuses donnees complementaires sont 
maintenant affichees, telles que le cout par die moyen previsionnel 




DEFINITION 



CPC 



Ce terme est l'acronyme de Cout par Clic. Les valeurs de la colonne 
Cout par clic moyen previsionnel representent de precieuses informations 
pour qui doit optimiser le cout d'une campagne publicitaire Google 
AdWords. Les montants affiches sont estimes en fonction de la demande 
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sur 1' expression, ainsi que du positionnement et des encheres 
effectuees sur le prix de l'affichage de celle-ci. 



Le service Google Trends 

Google Trends pourra aussi se montrer d'une grande utilite dans certains 
cas. Cet outil affiche, sous forme de graphiques, les tendances sur les 
volumes de recherche, c'est-a-dire le nombre de recherches effectuees 
sur une expression, que vous pouvez cibler sur une region ou une 
langue. Google Trends peut egalement vous presenter comparativement 
les statistiques relatives a plusieurs expressions de maniere simultanee, 
ainsi que des articles d'actualite en rapport direct avec les periodes 
ponctuelles de grande popularity du mot-cle. 

1 Connectez-vous a l'adresse http://www.google.com/trends. 

2 Dans la zone de saisie, presentee en haut de la page, saisissez une 
expression ou plusieurs (separez alors les expressions par des 
virgules). Cliquez sur le bouton Search Trends. 






Gouoi 

trends CZ? le 




m 

abs 



. 



guitare, piano, violon 

Tip: Use commas to compare multiple search terms. 



Search Trends 



Figure 9. 75 ; Le service de Google Trends, a l'adresse 
http://www. google, com/trends 

Un graphique presentant revolution chronologique des tendances de 
recherches effectuees est affiche (voir Figure 9.16). 

3 Utilisez la liste deroulante presentee en haut et a droite de la page 
pour restreindre la zone geographique sur laquelle doit etre 
appliquee la fonctionnalite a un pays (voir Figure 9.17). 
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Figure 9. 16 : Le graphique de Google Trends 
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Figure 9.17 : 
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seront ici 
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France 



4 Utilisez la liste deroulante presentee en haut et a droite de la page 
pour restreindre la zone geographique sur laquelle la 
fonctionnalite a une region doit etre appliquee. 
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Figure 9. 18 : 

Les 

statistiques 
seront ici 
limitees a la 
Lorraine 



5 Utilisez la liste deroulante placee a droite de la precedente afin de 
restreindre la periode. 
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Figure 3. 13 : 

Les statistiques 
seront id limitees a 
lannee 2009 



Le service Google Insights for Search 

Comme Google Trends, ce nouveau service de Google affiche, sous 
forme graphique, des statistiques sur le nombre de recherches effectuees 
pour une ou plusieurs expressions-cles, apres saisie de celles-ci (il vous 
sera necessaire de vous identifier par votre compte Google). 

Plus performant et d' aspect plus graphique (le service affiche une carte 
de taille et d'echelle variables lors de l'affichage des resultats), Google 
Insights for Search se presente comme le remplagant de Google Trends, 
Google maintenant a ce jour les deux services en ligne. 

Google Insights for Search est accessible a l'adresse http://www.g00gle 

.com/insights/search/#. 
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Figure 3.20 : 

Le service Google 
Insights for Search 
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9.5. Optimiser son site 

pour le referencement naturel 



Vous allez maintenant appliquer les principales techniques de 
referencement a votre site Joomla. 



Indexer son site dans Google 

Lorsque vous souhaitez que votre nouveau site soit indexe dans Google, 
deux solutions s'offrent a vous : 

■ creer un lien vers celui-ci depuis un site deja indexe de sorte que 
le robot d' indexation Google (nomme Googlebot) parcourt votre 
site ; 

■ declarer directement 1' existence de votre site aupres de Google, 
via le formulaire de declaration que vous trouverez a l'adresse 

http://www.google.fr/intl/fr/addurl.html. 



Google 
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Figure 9.21 : Le formulaire de declaration d'un nouveau site 



Utiliser le fichier Sitemap 

Le fichier Sitemap contient toutes les pages d'un site que Google doit 
indexer. II sert a indiquer a Google l'existence de celles qu'il n'aurait 
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pas encore rencontrees. II n'est pas obligatoire d'en creer un, mais cela 
peut s'averer utile si les pages de votre site ne sont pas toutes accessible 
par la navigation ou que celles-ci sont developpees en technologie Flash 
uniquement, ce qui represente un obstacle pour le robot. Le fichier 
Sitemap doit etre place, comme indique par Google, sur votre espace 
d'hebergement. 

Pour creer le fichier Sitemap, la demarche a suivre est : 

— Si ce n'est deja fait, creez un compte Google Webmaster Tools. 

— Depuis l'interface alors proposee par Google, saisissez l'URL du 
site pour lequel vous voulez creer le fichier Sitemap. 

— Suivez la procedure de verification afin que Google s' assure que 
vous etes le webmestre du site, puis Google creera le fichier. 

— Indiquez l'URL dans le fichier Sitemaps. 

L' indexation des pages se fera automatiquement, grace au travail 
du robot de Google. Le moteur de recherche vous enverra un 
compte-rendu sur votre compte Google Webmaster Tools. 

Augmenter son PageRank 

Google calcule un indice appele PageRank evaluant la qualite des pages 
web, en fonction de nombreux parametres. Celui-ci ne depend pas du 
theme aborde. Le PageRank n'est evidemment pas l'unique parametre 
pris en compte par l'algorithme de Google mais il a une incidence sur le 
positionnement d'une page web dans les SERP du moteur de recherche. 

Principalement, les facteurs en jeu sont les suivants : 

■ Un lien hypertexte vers une page augmente le PageRank de 
celle-ci. 

■ L' importance de 1' augmentation provoquee depend de la 
popularity de la page sur laquelle figure le lien. 

■ Si sur une page relativement populaire ne figure qu'un lien, 
celui-ci augmentera de beaucoup le PageRank de la page cible, 
mais plus la page comprendra de liens, moins chacun d'entre eux 
aura de poids. 

Cet indice est mesure selon une echelle logarithmique fermee. 
Autrement dit, le nombre peut aller de a 10 et pour chaque unite, il 
faut multiplier par dix le travail a fournir, ce qui rend les derniers 
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echelons quasi inaccessibles (passer du neuvieme au dixieme echelon 
represente un milliard de fois plus de travail que d'obtenir le premier). 

Au contraire, les premiers sont rapides et simple a atteindre. Mais 
parvenir a un PageRank de 5 est presque impensable pour un redacteur 
seul et les echelons superieurs necessitent la mise en oeuvre de toute une 
equipe redactionnelle. 






REMARQUE 



Connaitre son PageRank 

Afin de savoir si les strategies qu'il utilise sont efficaces ou non, il est 
interessant pour le webmestre d' avoir connaissance du PageRank des 
differentes pages de son site. 

De nombreux sites permettent d'afficher en ligne le PageRank d'une page 
web, apres saisie de son URL. 
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Figure 9.22 : Le site http://www.pagerank.fr, par exemple, affiche le 
PageRank d'un site, par simple saisie de son URL 

Toutefois, la methode la plus simple pour connaitre le PageRank des 
pages que vous visitez consiste a telecharger la barre d'outils Google. Elle 
affiche le PageRank directement dans votre navigateur. 
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Figure 9.23 : Le telechargement de la barre d'outils Google, lei pour 

Firefox, a I'adresse 

http://www. google. com/tools/firefox/toolbar/FT3/intl/fr/ 



Les principales techniques permettant d'ameliorer le PageRank sont les 
suivantes : 

— augmenter le nombre de liens externes ; 

— essay er, si cela est possible, d'obtenir ces liens de pages elles- 
memes populaires ; 

— chercher en priori te des backlinks depuis des pages qui n'en 
contiennent pas beaucoup. 

Attention, au contraire, le PageRank ne depend pas : 

— du trafic que le site connait; 

— de la frequence a laquelle les internautes cliquent sur le lien vers 
le site depuis les SERP ; 

— de 1' emplacement de la page au sein du site web ; 

— du sujet traite. 



1 \:i} a 



REMARQUE 



Transmission du PageRank 

La formule de calcul du PageRank indique que toute page distribue 15 
% de son PageRank aux pages vers lesquelles pointent ses liens 
hypertextes. Forte est done la tentation, pour un webmestre, de limiter 
les liens de ses pages a des liens internes, afin d'eviter toute fuite de son 
precieux PageRank vers des sites exterieurs. 
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Comme vous vous en doutez, les developpeurs de Google ne 

REMARuUE , . 11 • • • ii 

peuvent laisser une telle situation se creer car elle serait synonyme 
de la fin du Web, chaque site fonctionnant en autarcie. 

II semble done que des "points" soient redistribues, en terme de 
positionnement, aux sites jouant le jeu d'un Web ouvert. Ainsi, une page 
presentant quelques liens externes vers des sites choisis se verra mieux 
placee que la meme page disposant uniquement de liens internes. 



1 \J) W 



Un autre indice, le TrustRank 

REMARQUE 

Google cherchant a eliminer les sites sans interet, le moteur a concu le 
concept de TrustRank, indice indiquant le degre de "confiance" accorde a 
un site. D'abord affecte par un humain sur certains sites a forte 
notoriete, le TrustRank se transmet ensuite par les liens hypertextes vers 
les autres sites. 



Diminuer I'effet Sandbox 

Le terme d'effet Sandbox designe la raise a l'ecart d'un site, lors de 
l'affichage des resultats. 

Cet effet touche principalement les nouveaux sites, pendant les mois qui 
suivent leur creation. Google considere que les sites doivent attester de 
leur reelle existence. Sont ainsi elimines les sites n' ay ant pas fait leurs 
preuves. 

Pour pallier I'effet SandBox, la methode la plus efficace est 
certainement, pour le webmestre, de conserver une attitude naturelle et 
de ne pas utiliser de techniques d' augmentation artificielle de la 
visibility, telles que l'inscription a un grand nombre de sites en une 
courte periode. 






La Google Dance 

flEMAMUC 

Ce terme indique la mise a jour du classement des pages referencees 
par Google et pendant laquelle le PageRank et I'indexation des pages 
sont recalcules. 
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Ce point est essentiel puisque Google accorde beaucoup de credit, lors 
de 1' indexation, au contenu de la balise <title>, dans le code de la page, 
ainsi qu'a celui des liens pointant vers les pages (backlinks) et a leur 
contexte semantique. 

Voici quelques conseils qui vous seront utiles afin d' optimiser vos 
titres : 

■ Le titre d'une page etant affiche dans la page de resultats de 
Google, choisissez une courte phrase donnant a l'internaute envie 
de la visiter. 

■ Limitez cette phrase a quelques mots (moins de 10). 

■ Variez les titres d'une page a 1' autre afin d'affecter une expression 
a chaque page. 

■ N'utilisez pas de termes generiques (par exemple, "Bien venue sur 
mon site"), c'est un gaspillage et une dilution de la pertinence de 
vos mots-cles. 

■ Utilisez le plus possible de mots-cles dans le titre. 

■ Placez les mots les plus importants au debut de la phrase 
composant le titre (exemple : "Club de plongee aux Carai'bes - 
Stages d'ete"). 

■ Faites en sorte que le contenu semantique du titre corresponde 
parfaitement au contexte de la page. 

■ Utilisez des expressions composees et non une liste de mots-cles. 

Activer I 'URL rewriting 

Joomla genere des URL renfermant un nombre assez important de 
parametres. Ainsi, une adresse peut prendre la forme suivante : http: 

//www.formations-informatiques-nancy.mosaiqueinformatique.fr/index 
.php?option=com_content&view=article&id=47&ltemid=56. 

L' activation de la reecriture dynamique des pages, qui s'appuie sur la 
technique de l'URL Rewriting, peut vous permettre d'ameliorer le 
referencement de votre site par 1' insertion de mots-cles dans les adresses 
de vos pages web. 
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Technique relativement complexe est fastidieuse, l'URL Rewriting est 
nativement integree a Joomla. II vous suffira de l'activer pour en 
beneficier. Vous trouverez ici le mode operatoire necessaire. 

1 Au moyen de votre logiciel de transfert FTP, FileZilla, par 
exemple, connectez-vous a l'espace d'hebergement de votre site 
Joomla. 

2 A la racine du site, renommez le fichier htaccess.txt en 
.htaccess (n'oubliez pas le point avant le nom du fichier). 

3 Depuis 1' interface d' administration de votre site Joomla, cliquez 
sur Site/Configuration generale. 

4 A la rubrique Parametres SEO, activez les trois options URLs 
explicites (SEF), Utiliser le module Apachemodjrewrite (reecriture au 
"vol" des URLs) et Aj outer un suffixe aux URLs. 



Parametres SEO 



URLs explicites (SEF) 

Utiliser le module 

Apachernodrewrite 

(reecriture au "vol" des 

URLs) 

Ajouter un suffixe aux 

URLs 



Non u Oui 
• Non ' Oui& 



Non Oui 



Figure 3.24 : Les parametres d activation de la reecriture dynamique 
des pages 

Cliquez sur le bouton Appliquer (et non sur le bouton Sauver, qui 
ne vous permettrait pas de desactiver la fonctionnalite en cas de 
probleme). 

Dans un nouvel onglet de votre navigateur, done sans fermer la 
fenetre du backend, testez le bon fonctionnement du systeme en 
vous deplagant sur le site au moyen des liens de navigation des 
menus. 






REMARflUE 



En cas de probleme 

Si, lors de vos tests de bon fonctionnement de la fonctionnalite d'URL 
Rewriting, vous rencontrez le message Error 500 - Internal server error, 
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vous devez effectuer une copie du fichier sur votre ordinateur, au 
moyen de votre logiciel de transfert FTP, ouvrir le fichier sur votre 
machine avec un editeur de texte tel que le Bloc-notes, puis supprimer le 
caractere diese place au debut de la ligne RewriteBase I (le diese est 
utilise pour les commentaires, une ligne debutant par ce caractere est 
done ignoree). Transferez le fichier modifie sur votre espace 
d'hebergement en FTP. Le probleme devrait etre resolu. 



Les URL que vous obtenez sont du type http://www 

.formations-informatiques-nancy.mosaiqueinformatique.fr 
/creez-votre-site-web-introduction.html (1' alias des articles est utilise en 
remplacement des parametres). 

7 Si vous rencontrez un probleme d'affichage, celui-ci est 
probablement du aux parametres par defaut du serveur web de 
votre hebergeur. II vous faudra trouver des informations sur son 
site pour solutionner le probleme. En attendant, desactivez les 
trois options de la rubrique Parametres SEO puis cliquez sur 
Sauver. 

8 Si tout fonctionne correctement, cliquez sur Sauver apres avoir 
effectue plusieurs tests d'affichage sur differentes pages. 

Optimiser les pages de contenus 

Le contenu de la page est determinant. 

Respectez les consignes suivantes : 

■ Ayez un veritable contenu redactionnel dans la page. 

■ N'utilisez qu'une langue par page. 

■ Employez les titres et les sous-titres (balises <hl>, <h2>, ...), les 
balises de mise en gras (<b> ou <strong>) et de mise en italique 
(<i> ou <em>) et les balises de liens hypertextes (<a>) pour 
mettre en valeur vos mots-cles, Google accorde plus de credit aux 
textes places dans ces balises. Ne tombez toutefois pas dans 
l'exces et restez naturel dans votre mise en forme. 

Ecrivez un "chapeau", e'est-a-dire un paragraphe d' introduction, 
place au debut du texte, et renfermant les mots-cles strategiques. 

Placez les mots-cles de premier niveau en debut de page. 
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Employez des synonymes a vos mots-cles et variez feminin, 
masculin, singulier et pluriel dans les textes. 

■ Le nombre d' occurrences d'un mot dans la page divise par le 
nombre total de mots dans la page permet de calculer l'indice de 
densite du mot dans la page. Cette valeur, qui semble prise en 
consideration par certains referenceurs, ne parait pas etre 
determinante pour Google. Gardez-lui une valeur raisonnable et 
resistez a la tentation de repeter trop de fois un mot-cle dans la 
meme page, c'est inutile. 

Donnez de 1' importance a l'ordre des mots en plagant les mots- 
cles de premier niveau en debut d' expression. 

■ Composez des pages ayant un contenu reel, de plusieurs milliers 
de mots, en encapsulant les mots ou expressions-cles dans des 
contextes semantiques de quelques centaines de mots. 

Optimiser les images 

L' optimisation des images est un facteur important de I'indexation : 

■ Placez des mots-cles, separes par des tirets, dans les noms des 
images. 

■ Placez des mots-cles dans l'attribut alt de la balise <img>. 

■ Placez des mots-cles autour de l'image, afin qu'ils constituent une 
legende. 

Utiliser la balise META description 

Bien que n'ayant pas ou peu d'incidence sur I'indexation, cette balise 
est employee pour affecter une description de la page. Son contenu sera 
affiche a l'intention des internautes, dans les SERP, et c'est lui qui 
declenchera ou non le clic sur le lien menant a votre site. Utilisez des 
phrases ayant une construction semantique correcte plutot qu'une suite 
de mots-cles et limitez la valeur de cette balise a 150 caracteres environ. 

fi ^F r Balises META 

REMARQUE 

Les balises META sont des balises placees dans l'en-tete de la page et 
destinees a transmettre des renseignements complementaires aux moteurs 
de recherche. Google ne tient presque plus compte de ces balises, suite a 
des utilisations excessives de celles-ci faites au debut du Web et rendant 
I'indexation des pages peu credibles. 
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Certaines de ces balises sont toutefois davantage utilisees par 
certains petits moteurs de recherche. 



Utiliser la balise META robots 

Cette balise est a utiliser dans certaines situations, par exemple pour 
indiquer au moteur que vous ne souhaitez pas qu'une page soit indexee. 



Utiliser la balise META keywords 

Cette balise contient la liste de mots-cles de la page. Elle n'est plus prise 
en consideration par Google. Elle peut toutefois etre utilisee par le 
module Related Items de Joomla pour mettre en relation des articles 
traitant de sujets proches. En creant des "liens profonds", d'article a 
article, cette technique ameliore de fagon notable de positionnement par 
creation de backlinks automatiquement generes, sans surcroit de travail 
pour le webmestre. 



T Joomla!" 
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Figure 9.25 : Le module Related Items de Joomla 
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Bien choisir le nom de domaine du site 

L'incidence du libelle du nom de domaine, si elle n'est pas determinate 
sur I'indexation, est toutefois significative, puisque l'URL peut 
renfermer des mots-cles. En outre, cette adresse sera egalement lue par 
les internautes ; il est done toujours preferable qu'elle soit 
mnemotechnique . 

Voici quelques conseils a ce propos : 

■ Si possible, integrez des mots-cles dans le nom de domaine, 
separes par des tirets. 

■ N'utilisez qu'un nom de domaine par site (afin d'eviter d'etre 
penalise par Google, qui y verrait un contenu duplique. Redirigez 
vos eventuels autres noms de domaines vers ce nom de domaine 
principal depuis 1' interface de votre hebergeur, via une redirection 
de type 301. 

■ L'emploi de noms de sous-domaines (du type http://www 
.monsousdomaine.mondomaine.fr), pour augmenter artificiellement le 
nombre de domaines, ne produit generalement pas de bons 
resultats car les sous-domaines sont vus comme des nouveaux 
noms de domaines et sont mis dans la Sandbox de Google 
pendant plusieurs mois. En outre, si la raison d'etre des sous- 
domaines crees est uniquement I'indexation, Google risque de 
considerer la manoeuvre comme une technique de triche 
(spamdexing) et de penaliser le site dans les classements. 
L' utilisation de sous-domaines, effectuee correctement, peut 
toutefois augmenter votre visibility en ce sens que Google, voyant 
plusieurs domaines, pourra affecter jusqu'a deux lignes dans sa 
page de resultats a chacun d'entre eux. 

Utiliser des mots-cles dans les noms 
de dossiers et de fichiers 

Les moteurs de recherche etant capables de lire les noms de dossiers et 
les noms de fichiers pour acceder a une page web, placez des mots-cles 
dans ceux-ci, separes par des tirets. Cette technique ajoute quelques 
points a la qualite d'indexation de vos pages. 

Operez de meme avec les noms des images. 
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Gerer un site multilingue 

Google accorde des priori tes de classement en fonction de 1' extension 
du nom de domaine, qui indique sa nationality. 

Ainsi, un site frangais sera mieux positionne dans les recherches 
specifiques du type "Pages : France" s'il est en .fr, s'il est heberge en 
France ou si vous avez indique a Google la zone geographique associee 
a votre site (depuis le compte Webmaster Tools que vous pouvez creer a 
partir de la page d'accueil du moteur de recherche). 

Dans le domaine de la gestion de sites multilingues, certaines techniques 
sont a proscrire. Parmi elles, citons 1' usage des cookies (fichiers texte 
envoyes dans le cache du navigateur pour aider la navigation) et la 
gestion de la langue dans un parametre passe dans l'URL (du type http:// 

www.monsite.com/mapage.php?lg=fr). 



Etre present dans les reponses de recherche 
universelle 

Google affiche, dans certains cas de recherche classique, d'autres 
informations provenant de differentes sources, comme les cartes Local 
Business Center de Google ou Google News. 
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Figure 9.26 : Une carte Local Business Center de Google 
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Ces lignes de resultats font partie des lignes affichees et repoussent les 
autres plus loin dans les pages d'affichage. 

Meme si 1' operation vous coute du temps, pensez a vous inscrire a de 
tels services accessibles generalement par formulaires d' inscription. 



I Google Local Business Centei 



Aidez les clients a vous trouver sur Google 
Maps. 

Chaque jour, des millions de personnes utilisen! Google Maps. Une fiche 
descriptive graturte sur Google Maps peut raciliter leu r recherche. 

Utilisez 19 Local Business Center pour creer gratuilement votre fiche descriptive. 
Lorsque des clients potentiels recherche rant des informations, locales sur 
Google Maps, ils trouveronl votre entreprise. ainsi que votre adresse, was 
horaires d'ouverture et meme des photos de votre vitrine ou de vos produils. 
C'est facile, graturt. el vous n'avez pas besoin de posseder un site Web. 



Changer de langue Frarnjais 



Inscription w 



Connectez-vous au service Local Business 
Center a 1'aide de votre 

Compte Go ^k" 

E-mail: ^^^^^^^^^^^^m 
Mol de passe : 



Connexion 
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produitt dans votre quarttef coofltonn&e* 



, et entre en contact 
avbc vture entrepn&e 






2 




q 



?; 



Numero el nom de la rue. 
VIII* {* 33) (0)1 12 54.5© 

Bons da reduction >> 
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Figure 9.27 : L'inscription au service Local Business Center de Googie 
(https://www. google. com/accounts/ServiceLogin ?continue= 
http%3A%2F%2Fwww. google. com%2Flocal%2Fadd%2Fbusiness 
Center%3Fgl%3DFR%26hl%3Dfr&service=lbc&hl=fr&gl=FR) 



*& 



REMARflUE 



Google News 

Ce service a pour finalite d'afficher un resume de l'actualite, issu des 
journaux en ligne, lors£ue le lien Actual ites est clique dans la page de 
recherche de Google. Etre present sur Google News est un privilege 
reserve aux journaux en ligne professionnels, puisqu'il est necessaire de 
mettre en ligne un nombre consequent d' articles, de disposer de 
plusieurs redacteurs et de publier chaque article sur une adresse unique. 
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Figure 9.28 : Le service Google News 



9.6. Avoir recours au referencement 
payant 

Si vous choisissez cette solution, conservez a 1' esprit qu'un tel service 
doit vous rapporter plus d' argent qu'il ne vous en coute. 
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Figure 9.29 : Les Hens commerciaux sont affiches en haut et a droite des 
SERP de Google 
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Cette technique ne doit qu'exceptionnellement se substituer au 
referencement naturel. II s'agit, certes, d'une fagon de positionner votre 
site dans la premiere ou la seconde page de liens d'une SERP mais ce 
positionnement est artificiel : il disparaitra des que vous cesserez de 
payer le moteur de recherche. 

De plus, de nombreux internautes font maintenant la part des choses et 
accordent moins de credit aux liens sponsorises qu'a ceux apparaissant 
dans la zone de liens naturels. 

S'il serait une erreur de la bannir, cette technique est done a employer 
avec ponderation, dans des cas precis, tels que des evenements ponctuels 
ou imprevus, pour lesquels vous ne disposez plus d'assez de temps de 
travail sur votre referencement naturel. II peut egalement s'agir d'un 
choix strategique de votre part, parce que vous estimez que le cout d'un 
referencement naturel sera superieur a celui d'une campagne de liens 
commerciaux. Vous devez, dans ce dernier cas, effectuer votre choix 
apres une serieuse etude marketing dont le bilan previsionnel qu'elle a 
genere vous laisse d'importants espoirs de degager un benefice a la suite 
de cette action. 

L'avantage essentiel du lien sponsorise est qu'il est affiche 
immediatement sur les moteurs de recherche, sans devoir subir les 
longues et fastidieuses etapes inherentes au referencement naturel. C'est 
aussi un moyen de contourner le Sandbox de Google, qui impose a tout 
nouveau site, meme de qualite, un delai d'attente pendant lequel le site 
est observe par le moteur de recherche. 

Certains secteurs n'hesitent pas a investir de grosses sommes d' argent 
dans des campagnes publicitaires utilisant le lien payant comme vecteur 
de communication, quelquefois en diminuant en proportions les budgets 
alloues aux medias traditionnels, tels que la presse, la television, la radio 
ou les affiches urbaines. 

Le mode operatoire est le suivant : 

1 Le webmestre du site choisit des mots-cles ou des expressions. 

2 II se lie par un contrat aupres d'une regie publicitaire en ligne, 
telle que celle de Google et achete le positionnement de ces mots, 
pour un montant donne. Les valeurs qu'il affecte aux mots-cles ou 
aux expressions de son choix determinent un positionnement aux 
encheres (les meilleurs places sont reservees aux annonceurs 
ayant paye le plus fort prix, pour une expression donnee). 
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Le credit de l'annonceur est diminue a chaque clic effectue par les 
internautes sur les liens commerciaux, places dans les pages de 
resultats du moteur de recherche ou sur les sites diffusant des 
liens commerciaux. 

Quand le credit est epuise, la campagne s'arrete, a moins que 
l'annonceur alloue un nouveau budget a sa campagne d'affichage 
pour qu'elle continue. 



Google AdWords 



Changer la langue : Francais 



r. 

Faites la promotion de votre entreprise sur 
Google 

Quel que soit votre budget, vous pouvez diFfuser vos annoncss sur Google st 
son reseau publici'aire. Vous payez uniquemenl lorsqus les utilisaleurs aliquant 
sur vas anrwnces. 



a 



Commencer maintenanl » 
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apparaissent a cote des 

resultats de recherche 

corresponds t$... 



Go $lc 



Les utilreareur-s cliqiK-nt 
sur wis an nonces... 



..et tntrcnl en rrtalion 
auec wotre societe. 



Vtitre annonce ici 

Diffuses voire annonce sur Google 

el sur nos sites partenaires. 



— Kj 



fl 



CofineDtez-votis au se rvice Google 
AdWords a Taide de votre 

CompteCo k ^k 

E-mail: | 
Mot de passE : 

•> Rester conn&cte 
CwmejuDn 

imocmibki rfaccfkfoi ft man camic 



- Quelques conseils pour lancer voire campagne en 5 minutes 

» Souhartez-vous laide dun expert pour lancer voire campagne de publicity ? Appelez le 08 11 65 52 
93. En savoir plus . 



Figure 9.30 : L'inscription a une campagne de liens commerciaux, 

sur le site de Google AdWords 

(https://www. google, com/ 'accounts /ServiceLogin ?service= 

adwords&cd=FR&hl=fr-FR&ltmpl=adwords&passive=true&ifr= 

false&alwf=true&continue=https°/o3A%2F%2Fadwords. google. fr%2 

Fselect%2Fgaiaauth%3Fapt%3DNone%26ugl%3Dtrue&sourceid=awo] 

Voici les principales raisons de choisir d'effectuer une campagne de 
liens commerciaux : 

■ accroissement de l'image de marque d'une entreprise, tres visible 
sur Internet, aux yeux de certains internautes novices, pour qui 
visibility est synonyme de notoriete ; 

■ augmentation du trafic afin d'emmener l'acheteur potentiel sur 
une page declenchant la pulsion d' achat ; 

■ campagne publicitaire complementaire a l'impact du 
referencement naturel ou a une publicite sur d'autres canaux 
traditionnels (journaux, TV, etc.). 
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9.7. Utiliser les commandes de Google 

Google met a la disposition de ses utilisateurs un ensemble de 
commandes qui, saisies dans la zone de recherche du moteur, permettent 
d'obtenir de nombreuses informations et d'affiner les resultats obtenus. 
Ces instructions sont essentiellement utilisees pour etudier votre 
positionnement et celui de vos concurrents. 

Vous trouverez, ci-apres, la liste des commandes essentielles. 






Auqmenter le nombre de reponses de Google 

REMAR0UE 

Le nombre de liens, affiches par Google dans ses pages de resultats 
est de 10, ce qui oblige a de nombreux recours aux boutons de 
navigation places en bas des pages, pour parcourir un nombre 
suffisamment consequent de reponses. 

Vous pouvez augmenter ce nombre en ajoutant &num=2 (ou une autre 
valeur inferieure a 100) dans la barre d'adresse du navigateur, apres que 
la recherche a ete lancee une premiere fois. 

Ainsi, la requete "guitares d' occasion", saisie dans la zone de recherche 
de Google, genere l'URL http://www.google.fr 

/search?hl=fr&q=guitares+d%27occasion&btnG=Rechercher&meta= , apres que le 
bouton Rechercher est clique. Les resultats sont, comme a l'accoutume, 
affiches par lots de 10. Alors que la requete http://www.google.fr 
/search?hl =f r&q =guitares + d%27occasion&btnG = Rechercher&meta = &num = 100 affiche, 
elle, des pages renfermant chacune 100 liens. 



allintitle 

Exemple de syntaxe : allintitle: "vacances ete". 

Cette commande, lorsqu'elle est saisie dans la zone de recherche de 
Google, permet d'afficher toutes les pages repertoriees par le moteur et 
renfermant 1' expression (dans ce cas entre guillemets) dans leur titre 
(voir Figure 9.31). 






Utilisation de guillemets 

EMAR0UE _ , mi i.i, 

Lorsque des guillemets sont utilises, 1 expression exacte est 
recherchee, alors qu'en 1' absence de guillemets, les mots qu'elle 
renferme sont recherches, independamment de leur ordre de saisie. 
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Figure 9.32 : La meme commande, sans /'utilisation des guillemets, renvoie 
des resultats differents 
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Figure 9.31 : Un exemple d'utilisation de la commande allintitle 
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allinurl 

Exemple de syntaxe : allinurl: "physique chimie". 

Cette commande, lorsqu'elle est saisie dans la zone de recherche de 
Google, permet d'afficher toutes les pages repertoriees par le moteur et 
renfermant 1' expression (dans ce cas entre guillemets) dans leur URL. 
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Figure 3.33 : Un exemple d'utilisation de la commande allinurl sur Google 



filetype 

Exemple de syntaxe: physique chimie filetype :pdf. 

Cette commande, lorsqu'elle est saisie dans la zone de recherche de 
Google, permet d'afficher les liens pointant vers le type de fichier 
indique (pdf, dans cet exemple) et en rapport avec 1' expression saisie. 
Cette instruction vous sera tres utile si vous souhaitez, par exemple, 
connaitre en un instant 1' ensemble des documents au format PDF mis en 
ligne sur un sujet. 
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Figure 9.34 : Un exemple d 'utilisation de la commande filetype sur Google 



inanchor 

Exemples de syntaxe : 



inanchor : "livres inf ormatiques". Cette commande 
permet d'afficher toutes les pages indexees et renfermant des liens 
utilisant exactement 1' expression entre guillemets, indiquee 
comme parametre de la commande. 

inanchor : livres inf ormatiques. Cette commande permet 
d'afficher toutes les pages indexees et renfermant des liens 
utilisant les mots, dans un ordre quelconque, de l'expression 
indiquee comme parametre de la commande. 
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Figure 9.35 : Un exemple d'utilisation de la commande inanchor sur 
Google 
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info 



Exemple de syntaxe : info :http: //www. palais-decouverte . fr. 

Cette commande, lorsqu'elle est saisie dans la zone de recherche de 
Google, permet d'afficher les principales informations actuellement 
detenues par Google sur le site indique en parametre (version en cache, 
pages similaires, pages renfermant un lien pointant vers l'adresse, liste 
des pages du site, liste des pages renfermant l'adresse, etc.). 
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Figure 9.36 : 

Un exemple 
d'utilisation de la 
commande info sur 
Google 



intext 

Exemples de syntaxe : 



intext : "physique chimie". Cette commande permet 
d'afficher toutes les pages indexees et renfermant exactement 
1' expression entre guillemets. 

intext : "physique chimie" terminale. Cette commande 
permet d'afficher toutes les pages indexees et renfermant 
exactement l'expression entre guillemets, ainsi que le mot suivant 
(non encadre de guillemets), quelle que soit sa place dans le texte 
des pages. 
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Figure 9.37 : 

Un exemple 
d'utilisation de la 
commande intext 
sur Google 
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intitle 

Exemple de syntaxe : intitle ivacances ete. 

Cette commande permet d'afficher toutes les pages repertoriees par le 
moteur et dont le premier mot de 1' expression recherchee est contenu 
dans leur titre alors que les suivants sont renfermes dans la page. 
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Figure 9.38 : 

Un exemple 
d'utilisation de la 
commande intitle 



link 



Exemple de syntaxe : link : www . lemonde . f r. 

Cette commande permet de connaitre les adresses des pages repertoriees 
par le moteur et renfermant un lien pointant vers l'adresse indiquee en 
parametre de la commande. 
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Figure 9.39 : 

Un exemple 
d'utilisation de la 
commande link sur 
Google 
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Sur Google, la liste de liens renvoyee par cette commande est 
incomplete. Sa valeur est done indicative. Pour vous en convaincre, 
saisissez la meme commande sur le moteur de recherche Yahoo (http: 
//www.yahoo.fr). Le nombre de liens indiques est beaucoup plus 
consequent. 
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Figure 9.40 : Un exemple d 'utilisation de ia commande link sur Yahoo 



related 

Exemple de syntaxe : 

related http : //www. palais-decouverte . f r/index .php. 
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Related links. -, Palaitd&radecouverte (http:. rwww.palala-deccuiverte.'fri'tndcK. php,. *. 

Observing the Earth (hrtp., l 'i , wVi'w.eSa.int l 'e5aEO.''intieit tilmlj ... 
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bens cemnrkenc law 

Www Palais Decouverte 

Una selecuon des sites de qualite 
pour www paFais decouverte 
wwwUri.prg 

Affichez votre annonce ici » 



Figure 9.41 : Un exemple d'utilisation de la commande related sur Google 
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Cette commande permet d'effectuer une recherche des sites proposant 
un sujet proche ou analogue a celui du site indique en parametre de la 
commande. 



site 



Exemples de syntaxe : 

siteihttp: //www.palais-decouverte . f r. Cette commande 
permet d'afficher toutes les pages indexees du site indique en 
parametre de la commande. 

site : http : //www .palais— decouverte . fr + chimie. 
Cette commande permet d'effectuer une recherche, sur un site 
specifique, des pages renfermant un mot-cle ajoute en parametre, 
derriere l'operateur +. 



Wati "inaw Vde« Warn AmaHw Gtsvozi Gmml Hfl » 



Co**g«iM 



Google 



iilo hflpj'.'www.p»iBia'd«Douvorto1r + chimio RcchBrcfrar 



Prilimncw 



Waft 

Chimin 

Lsi capocc* de chanle du v*cn dVntmi sfirf deitxir-a^ Vermes hi putfer ... Le dCpwtnnei'it 

de chtnto du P-alau de fa detDurerlt rtui nopcae _ 

*w* BaaafedaCOtffWal I :n.1^i rfC" 7 chimin - ,-.-.; i s< <. Tif J if* 

La chimte du cmoiidtf n 

La chinJa tit prt-ierlGe dora le Fronde du ■.vrart aum t*er que du ncn-marf Urv del ot^ecbra- du 
crumt»1* «t to coflftHW* H* mottciltt qp "ftrt V4WHW1L ... 

«-«■* rum, 1irnwtrtt.Mnai«.pHp , ?M* 199 - €n£atawi - pjow wiMb^m 

C h lm It el la chocolatejie 

L'wnrpMon rrofflir? co*rmen1 la thamJe nflerwfcrt An O'frrenli slaOei de trBnalbtmaboiV del 

lfjv?5 »Tn tfoflsntf A Tr* >r* p4»que sw^^nlS ... 

**» DM'i-dftt-Ovja'Ifl Sitovlto.|l)ip^e>773 - cn^fct-i^ - Pflflgt utrdaJM 



R*tU"JJft» 1 - 19 WT tn total JMVffl JQ7 provtAtnl fl* WWW (HMt*-d*c«IV»rL» Ir po^ * crwml* ifl.H H^XICCSI 



Figure 9.42 : Un exemple d 'utilisation de la commande site sur 
Google 
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Autre syntaxe 

II vous est egalement possible d utiliser une syntaxe telle que 

"chimie" site : http : //www.palais-decouverte . f r 



"chimie" site: . f r. Cette commande permet d'effectuer une 
recherche pour le mot-cle cite en parametre, pour les sites portant 
1' extension .fr. 
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Ameliorer I'indexation dans les moteurs de recherche 



define 

Exemple de syntaxe : define :php. 

Cette commande, lorsqu'elle est saisie dans la zone de recherche de 
Google, permet d'afficher les definitions de 1' expression saisie en 
parametre. 



Web ir-^qos Video Maps Aclualties Groupes Gmail plus r Connamon 



Google 



dsfinwphp Reeherchsf pS^n***** 

Rechercher dans ; ■ Web Pages francophones Pages ; France 



Web 

Expressions contenant le tarme de la requeue : php nuka pr>j> luston. pftp g(k php data oBwcts aitereative php cache 
Definitions de php sur le Web ; 

* 'PHP est un sigle. qui signifie : ** ', la langage de programmalion " Paf sonaf Horra Page" ,H en anglais, c'est-a-dira page web 
parsormeHe... 

fr wifcjpedia ongrwiki/PH P {hornonymje ) 

* Langage de programmation donl le but est de permellre la crealnon de pages web dynamiques. Pages pouvanl eire creaes en temps 
reel ou par programmation 

so* gflweb.froo- Irvdiconal him 

* Hyperlexi Preprocessor : Tecruiotagie de creation dynam que da pages Web. 
www npuky ff.-fr php 

* langage interpret (un tangage de scrip!) execute du c&1e serveur et nan du cole client. La syTitaxe du langage provient de ceMeS du ... 
perso re le-snm-paristeo"! f r '- r ir:rard ^ ki.'inrlf* phjiyLeniQij* 1 

* Personal Home Page. Un lavage da scripts evolue pour la conception da sites entiers. 
wetHnasier lycos fn'qlossarWP/ 



Figure 9.43 : Un exemple d 'utilisation de la commande define sur Google 



9.8. Anticiper les futures techniques 
de referencement 

Les techniques de referencement decrites ici evolueront, n'en doutez 
pas. 

Google annonce en effet des modifications majeures de ses algorithmes, 
sous 1' appellation de Google personalized search results. 

Ce nouvel algorithme s'appuie sur l'historique de navigation des 
internautes, memorise et different pour chacun d'entre eux. Les resultats 
obtenus varieront done en fonction des sites precedemment visites. 
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Le referenceur devra suivre de pres cette evolution, s'il souhaite 
conserver ses acquis. 

9.9. Check-list 

■ Le travail du referenceur est une tache consequente et qui s'etire 
sur toute la duree de vie du site web. 

■ La premiere etape, lors du referencement d'un site, consiste a 
definir clairement les objectifs a atteindre et a les mettre en 
correlation avec les moyens necessaires. 

■ La deuxieme etape consiste a effectuer une recherche de mots et 
d'expressions-cles strategiques, en vous aidant des outils en ligne. 

■ Ensuite, vient le travail d' optimisation technique et redactionnelle 
des pages. 

■ L' etape suivante consiste a obtenir un nombre maximal de liens, 
internes et externes, pointant vers les pages que vous souhaitez 
mettre en valeur. 

A ce stade, il ne vous reste qu'a augmenter le nombre de 
mots-cles et a recommencer le cycle. 
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10.1. Glossaire 



Accessibility 

Ce terme designe la possibility, pour tous les internautes, y compris les personnes 
handicapees ou malvoy antes, d'acceder aux services Internet. 

Achat de mots-cles 

Terme indiquant la possibility, pour les annonceurs, d'acheter des liens publicitaires 
affiches lorsque certains mots-cles sont saisis dans un moteur de recherche. Ces 
prestations sont vendues par des regies publicitaires telles que celle de Google. 

Acrobat Reader 

Logiciel permettant d'afficher des documents dans leur forme originale, au format 
PDF. Ce logiciel, con£u par la societe Adobe (www.adobe.fr), est tres utilise sur 
Internet. De nouvelles versions, telechargeables gratuitement (par exemple a 
l'adresse www.adobe.fr/products/acrobat/readstep2.html), sont mises a la disposition des 
utilisateurs regulierement par l'editeur. 

ActionScript 

Langage de programmation utilise pour le developpement d' applications Flash 
sophistiquees, telles que les jeux en ligne. 

ActiveX 

Programmes de technologie Microsoft pouvant etre utilises dans une page web ou 
un courriel au format HTML. Les ActiveX, comme les scripts ecrits en langage 
JavaScript, permettent de realiser les traitements impossibles a effectuer en langage 
HTML. lis peuvent contenir des virus informatiques et doivent done etre actives 
uniquement lorsqu'ils proviennent de sources stares, sous le controle d'un logiciel 
antivirus. 

Administrateur de reseau 

Personne ay ant la charge d'entretenir un reseau informatique. L' administrateur cree les 
comptes des utilisateurs et leur affecte des droits (de lecture ou d'ecriture par exemple) 
sur le systeme informatique. 

Adresse email 

En informatique, adresse equivalente a une adresse postale et vers laquelle sont 
adresses les courriers electroniques. 

Adresse IP 

Adresse sur 32 bits, divisee en zones. Les adresses IP sont utilisees par le protocole 
TCP/IP qui affecte une adresse unique a chaque ordinateur (192.168.000.001, par 
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exemple). II existe deux categories d'adresses IP affectees a un ordinateur : 
FadresselP statique, qui ne change pas, et 1'adresseIP dynamique, qui change a 
chaque connexion. Dans ce cas, il faut que le serveur dispose d'une fonctionnalite 
permettant la distribution dynamique d'adresses IP (DHCP). 

Adresse URL (Uniform Resource Locator) 

Adresse d'un site Internet (du type www.mosaique-informatique.com) saisie dans la 
Barre d' adresse du navigateur Internet pour acceder a une page. 

AdSense 

Sy steme de publication de liens publicitaires textuels, c'est-a-dire variant en 
fonction des pages web dans lesquelles elles sont diffusees, moyennant 
remuneration des sites sur lesquels les liens sont diffuses. 



ADSL (Asymmetrical Digital Subscriber Line) 

Mode de connexion a Internet permettant de disposer d'une connexion permanente 
et rapide a un cout abordable et utilisant le reseau telephonique existant. 

AdWords 

Sy steme de diffusion de liens publicitaires pay ants, edite par Google, sur ses pages 
de recherche et sur les sites web qui en font la demande a Google et sont acceptes 
en tant qu'editeurs par ce dernier. 

AFIMIC (Association francaise pour le nommage 
Internet en cooperation) 

Organisme ay ant pour mission de gerer les noms de domaine francais. 

Ajax (Asynchronous JavaScript and XML) 

Terme indiquant 1' utilisation d'un regroupement de technologies libres (XHTML, 
CSS, XML, XSLT, JavaScript) et autorisant le rafraichissement partiel d'une partie 
web, dans le but de diminuer les temps de reponses et la quantite de bande passante 
utilisee. 

Algorithme 

Methode d' analyse de problemes destinee a optimiser l'ecriture des programmes 
informatiques. 

Algorithme de pertinence 

Sy steme d' estimation de la pertinence d'une page web, utilise par les moteurs de 
recherche,, lorsqu'une requete est saisie par l'internaute. 

Alias 

Synonyme de "raccourci vers un fichier". 
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Alt 

Balise XHTML permettant d'indiquer un message associe a une image, 
particulierement a 1' intention des malvoyants. 

Ancre (Anchor) 

Balise XHTML permettant de creer un lien hypertexte. 

Annonceur 

Personne creant une action publicitaire d'affichage de liens pay ants sur Internet. 

Annuaire 

Moteur de recherche de sites web dont 1' indexation est controlee par des humains, 
a la difference d'un robot dans lequel 1' indexation est realisee automatiquement par 
une machine. 

Apache 

Serveur web OpenSource, tres largement utilise sur le Web, chez les FAI 
notamment. 

Applet Java 

Programme insere dans les pages web et permettant des traitements impossibles en 
HTML tels que des animations d' images, des calculs ou des chats. 

Arobase (@) 

Caractere signifiant "chez" (prononce at en anglais), utilise dans les adresses de 
courrier electronique pour separer le nom du destinataire de celui du nom de 
domaine auquel il est rattache (dupont@nomdedemine.fr, par exemple). 

Article 

Sous Joomla, entite redactionnelle composee de texte, d' images et eventuellement 
d'objets. 

Assistant 

Logiciel apportant une aide a l'utilisateur lors d'une tache, 1' installation d'un 
programme par exemple. 

Audit de site 

Analyse d'un site web dans le but d'en ameliorer les performances. 

Authentification 

Controle de l'identite d'un utilisateur sur un reseau ou un ordinateur. 
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AVI 

Format de flchiers informatiques de video. 

AWR - Agent Web Ranking 

Programme d' analyse de referencement et de positionnement dans les moteurs de 
recherche. 



B 



Backlink 

Lien hypertexte venant d'un autre site web. 

Backend 

Interface d' administration de Joomla. 

Backup 

Sauvegarde de fichiers d'une unite de memoire de masse vers une autre. 

Balise 

Commande utilisee en HTML pour mettre en forme le document. 

Balise meta 

Balise HTML renfermant des informations a 1' intention des robots des moteurs de 
recherche. 

Balise meta title 

Balise HTML qui definit le texte du titre d'une page web. Cette balise est 
fondamentale ; elle renferme un texte qui est affiche dans les pages de resultats des 
moteurs de recherche. Elle est tres souvent prise en consideration par les moteurs de 
recherche, lors de 1' indexation d'une page. 

Balise meta description 

Balise HTML qui definit la description d'une page web. La description est affichee 
a la suite du titre, dans les pages de reponses des moteurs de recherche. Elle doit 
etre correctement redigee afin de donner a l'internaute le desir de visiter le site web 
correspondant. 

Balise meta keywords 

Balise HTML qui definit les mots-cles d'une page. Cette balise n'est plus prise en 
consideration par la plupart des moteurs de recherche. 
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Bande passante 

Debit d'une connexion. 

Banniere 

Image ou animation publicitaire affichee sur un site web. 

Barre de titre 

Zone d'affichage des titres en haut d'une fenetre de Windows, celle du navigateur 
Internet par exemple. 

Barre d'outils 

Zone composee de boutons et d'icones qui constituent des raccourcis vers les 
menus. 

Base de donnees 

Logiciel de stockage des informations repondant a des concepts structured (tables, 
relations...), comme les logiciels Access ou MySQL. 

Bloc-notes 

Editeur de texte primitif sous Windows. 

Blog 

Terme designant un type de site web, souvent utilise afln d'afficher un journal 
personnel et dont le proprietaire (nomme blogueur) n'est pas systematiquement 
informaticien. Les pages placees sur le blog sont afflchees dans un ordre 
chronologique inverse et portent 1' appellation de billets. Ces sites sont tres 
nombreux. 

Body 

Balise HTML deflnissant la zone de contenu d'une page web. 

Bookmarks 

Adresses de pages web memorisees sur un navigateur Internet. 

Browser 

Synonyme de navigateur Internet. 

Buffer 

Memoire tampon. Les donnees qu'elle renferme sont regulierement effacees au 
profit de nouvelles. Les buffers permettent 1' acceleration des logiciels. 

Bug 

Erreur informatique (equivalent francais : bogue). 
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Cache 

Zone de memoire, appelee aussi "memoire cache", qui stocke les donnees 
recemment utilisees afln d'accelerer les traitements. 

Categorie 

Conteneur virtuel d' articles sous Joomla. 

Chemin d'acces 

Chemin virtuel qu'il faut emprunter, en partant de la racine, pour acceder a un 
fichier sur un ordinateur, plus exactement sur une de ses unites de memoire de 
masse (disque dur, disquette, CD-ROM...). Chaque unite est signalee par une lettre 
suivie de deux points : les lecteurs de disquettes sont generalement nommes A: et 
B:, le premier disque dur est nomme C;, etc. Les flchiers sont classes dans des 
dossiers ou repertoires, eux-memes pouvant en contenir d'autres. Le caractere 
utilise pour separer les noms de dossier est la barre oblique (/) ou la barre oblique 
inversee (\). 

Clic 

Action de cliquer sur un lien dans une page web. 

Client 

Dans une architecture client- serveur, le client est le logiciel qui se connecte a un 
autre pour obtenir des donnees ou sollicker des traitements. Le navigateur Internet 
(Internet Explorer, par exemple) est le client d'un serveur web lorsqu'il se connecte 
a celui-ci pour obtenir des pages HTML. Ce principe de fonctionnement decharge le 
logiciel client des taches les plus lourdes pour les deleguer au serveur qui dispose 
generalement de capacites de traitement plus importantes. 



;-serveur 

Type de reseau compose de postes (clients) qui se connectent au serveur distribuant 
les applications et les flchiers. Cette architecture est utilisee en grandes et moyennes 
entreprises. Les particuliers et les petites entreprises peuvent se satisfaire d'une 
architecture de type poste a poste, moins lourde a mettre en ceuvre, mais dans 
laquelle la securite est moindre. 

Cloaking 

Technique de triche consistant a africher des informations differentes pour les robots 
de celles affichees aux internautes et employee a l'origine afln d'empecher la copie 
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de certaines informations. Cette methode est aujourd'hui considered comme du 
spamdexing par les moteurs de recherche car elle leur cache le veritable contenu 
d'un site web. Cette technique est interdite par les moteurs de recherche. 

Clustering 

Technique employee par les moteurs de recherche, consistant a afficher une seule 
page par site web dans les pages de resultats pour empecher le monopole des 
meilleures places par un site unique. 

CMS (Content management system) 

Terme synonyme de "systeme de gestion de contenus", designant un site web 
compose d'un ensemble de programmes et d'une base de donnees permettant de 
stocker les articles, mis a jour par les redacteurs depuis une interface accessible par 
un simple navigateur Internet. Les CMS ont connu un grand essor, ces dernieres 
annees. 

Combo 

Menu deroulant. 

Commerce electronique 

Les sites de commerce electronique sont des sites Internet permettant d'acheter des 
produits ou des services sur Internet. 

Compatibility 

Un materiel (ou un programme) est compatible s'il se plie aux normes d'interfacage 
en vigueur et si son fonctionnement n'entre pas en conflit avec d'autres 
peripheriques ou d'autres applications. 

Composant 

Sous Joomla, fonctionnalite complementaire et additionnelle au systeme natif. 

Compression 

Methode visant a reduire la taille d'un fichier aim qu'il utilise moins de place sur le 
disque dur ou moins de bande passante. Certains fichiers, comme les videos et les 
sons, prennent enormement de place et doivent etre compresses. Les fichiers 
compresses doivent subir 1' operation inverse, nommee "decompression", avant de 
pouvoir a nouveau etre exploites. 

Compte d'acces 

Terme designant 1' identification d'un abonne chez un FAI. 

Configuration 

Terme designant un environnement parametre d'ordinateurs, de logiciels et de 
peripheriques. 
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Contenu dynamique 

Methode de construction d'un site, faisant appel a un langage de programmation, tel 
que PHP, et une base de donnees, telle que MySql, pour afficher des pages, plutot 
qu'a construire celles-ci de facon traditionnelle en langage HTML. 

Cookie 

Fichier texte depose sur le disque dur d'un ordinateur par un serveur Internet et 
stockant des informations relatives au comportement de l'utilisateur lors de sa 
navigation sur le site. II est possible de supprimer les cookies stockes sur 
1' ordinateur. 

Courriel 

Synonyme de courrier electronique. 

Cout par die 

Systeme de tariflcation des regies publicitaires en ligne par lequel les annonceurs 
paient le service publicitaire au prorata du nombre de clics effectue sur les liens 
affiches. 

Cout pour mille 

Systeme de tariflcation des regies publicitaires en ligne par lequel les annonceurs 
paient le service publicitaire au prorata du nombre de milliers d'affichages 
effectues. 

Cracker 

Individu effectuant une tentative d' intrusion logicielle sur un ordinateur distant. Les 
crackers utilisent generalement les failles de protection decouvertes dans Windows 
pour penetrer a distance sur des ordinateurs connectes a Internet. L'emploi d'un 
pare-feu est indispensable pour se preserver des attaques des crackers. 

CSS (Cascading Style Sheet) 

Nom donne aux feuilles de style en cascade, flchiers utilises pour decrire la mise en 
forme des pages HTML. Cette technique est aujourd'hui couramment utilisee. Elle 
permet de normaliser la presentation de toutes les pages d'un site et de changer leur 
aspect en quelques instants. Ceci n'etait pas possible avant 1' apparition des feuilles 
de style, epoque a laquelle le code de mise en forme etait stocke lui-meme dans la 
page HTML. 



Debit 

Quantite de donnees pouvant etre transmises en un temps donne. C'est la vitesse de 
transmission sur un reseau. Le debit est un element essentiel des performances du 
reseau. II determine ce qui pourra ou ne pourra pas etre fait sur le reseau. Ainsi, un 
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reseau offrant un debit trop faible ne pourra pas vehiculer certaines fonctionnalites, 
comme le son ou la video. 

Debit descendant 

Informations recues par l'internaute par le biais de sa connexion. 

Debit montant 

Informations envoy ees par l'internaute par le biais de sa connexion. 

DHTML 

Variante du langage HTML. 

DNS (Domain Naming System) 

Systeme de correspondance entre les adresses IP et des adresses saisies dans la 
Barre d'adresse du navigateur Internet. 

Download 

Telechargement de flchiers recus sur le Poste de travail depuis un autre ordinateur. 

Dynamique 

Adjectif indiquant le mode de construction d'un site web, dans lequel les textes des 
pages sont enregistres dans une base de donnees. Les pages sont alors construites 
"dynamiquement", au fil des requetes de l'internaute qui parcourt le site. 
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Echange de liens 

Technique visant a augmenter le referencement de deux sites, qui echangent des 
liens hypertextes et augmentent ainsi le nombre de backlinks, liens externes 
pointant vers eux. 

Encapsulation 

Technique consistant a enfermer un sous-protocole dans un autre pour permettre le 
transport de donnees. 

Ergonomie web 

Terme synonyme de recherche d'une optimisation des fonctionnalites d'un site web. 

Extension 

L' extension d'un fichier est une chaine de caracteres ajoutee derriere son nom (nom 
de fichier et extension sont separes par un point) et indiquant a quelle famille 
appartient le fichier. Un fichier portant 1' extension .xls appartient a la famille des 
fichier s de classeurs Excel. 
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FAI (fournisseur d'acces Internet) 

Free, Wanadoo, Neuf Telecom, etc., sont des FAI. Connectes en permanence a 
Internet, ils permettent a leurs abonnes de disposer de tous les services accessibles 
sur le reseau des reseaux. Le terme anglais provider est aussi utilise. 

Favoris 

Voir Bookmarks. 

Feuille de style 

Voir CSS. 



Un flchier correspond a un stockage d' informations. Les informations sont 
enregistrees sur les unites de memoire de masse sous la forme d'entites que sont les 
flchiers, eux-memes geres par le systeme d' exploitation. II existe deux types de 
flchiers : les flchiers executables par le systeme, comme les flchiers programmes, et 
les flchiers de donnees (informations utilisees par les programmes). 



il d'i 

Liste de liens hypertextes indiquant a l'internaute les pages par lesquelles il est passe. 

Firefox 

Navigateur Internet, concurrent du navigateur Internet Explorer. 

Firewall 

Voir Pare-feu. 

Flash 

Technologie evoluee permettant de realiser des applications dans les pages web. 

Flash Player 

Plug-in gratuit permettant de lire les animations Flash dans un navigateur Internet. 

Flux RSS 

Documents au format XML utilises pour la syndication de contenus sur le Web. II 
est ainsi possible a l'abonne de recevoir des mises a jour d' informations diverses. 

Format de fichier 

Methode d' organisation des informations dans un flchier. Le format d'un flchier 
depend du logiciel qui l'a genere. Le format de flchier le plus simple est le format 
"texte brut", qui ne contient aucun caractere d'enrichissement de la mise en forme. 
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Forum de dii 

Espace de discussion en differe sur Internet dans lequel les internautes peuvent 
laisser des messages consultables en ligne et classes par themes. 

Footer (pied de page) 

Partie inferieure de la page, dans laquelle sont generalement affichees des 
informations generiques. 

Freeware 

Logiciel gratuit, generalement propose en telechargement sur le Web. 

Frontend 

Partie publique d'un site Joomla. 

FTP (File Transfer Protocol) 

Protocole de communication permettant a un utilisateur de transferer des flchiers 
entre des ordinateurs distants. 



Gigaoctet (Go) 

Unite de mesure informatique ay ant pour valeur 1 073 741 824 octets. 

Gmail 

Service de creation d'adresses email de Google. 

GNU/GPL 

Type de licence OpenSource tres repandu. 

Google 

Moteur de recherche tres utilise sur Internet. 

Google Bombing 

Technique mise en ceuvre par les blogueurs, qui, agissant en nombre en creant de 
nombreux liens hypertextes vers un meme site, positionnent celui-ci sur une 
expression cle, valorisante ou pejorative. 

Google Chrome 

Navigateur Internet developpe par Google. 



394 



LE GUIDE COMPLET 



Glossaire 



Chapltre 1 



H 



I 



Hacker 

Pirate informatique. Les pirates sont des personnes qui tentent d'entrer de facon 
illicite sur un systeme informatique. 

Head 

Zone d'en-tete dans une page HTML. 

Heuristique 

Technique de resolution de problemes dont le principe repose sur une analyse de 
resultats qui determine la conduite a tenir pour les traitements suivants. Cette 
technique est utilisee par les logiciels antivirus et les moteurs de recherche. 

HTML (HyperTexte Markup Language) 

Langage de mise en forme utilise pour l'ecriture des pages consultees dans le 
navigateur Internet (ou d'autres logiciels susceptibles de lire ce format de fichiers). 
Le HTML a permis l'essor dTnternet, notamment avec la possibilite de "rebondir" 
d'une page a une autre par le biais des liens hypertextes (d'ou 1' expression surfer 
sur le Web, par analogie avec un surfeur qui rebondirait de vague en vague). 

HTTP (Hypertext Transfer Protocol) 

Protocole de communication entre le poste client (poste connecte a Internet et 
utilise par l'internaute) et le serveur (machine qui envoie les fichiers, 
principalement des pages HTML). 

HTTPS - HTTP Securise 

Version securisee du protocole HTTP, utilisee notamment pour les paiements en 
ligne. 



IIS (Internet Information Services) 

Serveur web de Microsoft. 

Impression 

Affichage d'une publicite sur un site web. 

Index 

Base de donnees renfermant une liste ordonnee et facilitant les recherches. 

Indexation 

Enregistrement d'une page web dans un moteur de recherche. 
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Indice de densite 

Rapport entre le nombre de fois ou un mot est affiche et le nombre total de mots 
dans une page. 

Indice de popularity 

Critere de pertinence d'une page web employe par les moteurs de recherche. 

Interactivity 

Possibilite donnee a l'internaute de laisser des messages sur une page web. 

Interface 

Terme generique designant tout systeme, logique ou physique, permettant a deux 
univers incompatibles d'entrer en communication. Un modem (acronyme de 
modulateur demodulateur), par exemple, est une interface physique. Un systeme 
d' exploitation ou un logiciel sont des interfaces logiques entre le microprocesseur et 
l'utilisateur. 

Interface graphique 

Ensemble de commandes permettant a un utilisateur d'agir sur le fonctionnement 
d'un programme sans saisir de lignes de commandes. 

Internet 

Reseau informatique mondial permettant 1' interconnexion de tous types 
d'ordinateurs. Les deux principales fonctionnalites d' Internet sont le World Wide 
Web, qui permet la consultation des pages au format HTML constituant les sites 
Internet, et le courrier electronique. 

Internet Explorer 

Navigateur Internet de Microsoft. 

Internic 

Organisme americain dont la mission est de gerer certaines families de noms de 
domaine Internet. 

Intranet 

Mise en application des protocoles Internet sur un reseau local. 

IP (Internet Protocol) 

Protocole de reseau ayant pour mission 1' acheminement des paquets d' informations. 
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Java 

Langage de programmation utilise sur les serveurs web pour creer des 
fonctionnalites dynamiques dans les pages web. 

JavaScript 

Langage de script capable d'etre interprete par le navigateur web et insere dans le 
code HTML afln de permettre des traitements tels que des animations. 

Joomla 

Systeme de gestion de contenu OpenSource. 



K 



Kilobit par seconde (kbit/s) 

Unite de mesure de vitesse de transfert des donnees (1 024 bits par seconde). 



LAMP (Linux Apache Mysql Php) 

Ensemble OpenSource constitue d'un systeme d' exploitation, d'un serveur web, 
d'une base de donnees et d'un langage de programmation pour le Web. 

LAN (Local Area Network) 

Terme signiflant reseau local. Ensemble d'ordinateurs et de peripheriques relies 
entre eux par des liaisons physiques et regis par des protocoles de communication 
communs. 

Lien contextuel 

Lien en rapport avec le contexte semantique d'une page web. 

Lien hypertexte 

Zone de texte ou image reactive qui ouvre une page HTML ou un flchier lorsqu'elle 
est activee d'un clic. 

Lien mort 

Lien hypertexte pointant vers une page inexistante. 

Lien naturel 

Lien hypertexte place spontanement sur une page vers un autre site web, sans 
contrepartie commerciale. 
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Lien organique 

Lien d'un moteur de recherche vers un site, sans remuneration du moteur de la part 
du proprietaire du site. 

Lien profond 

Lien pointant vers une page specifique d'un site et non vers sa page d'accueil. 

Liens reciproques 

Echange de liens reciproques entre deux sites web. 

Lien sponsorise 

Lien publicitaire pay ant, affiche sur un site web. 

Link-farm 

Site web affichant de tres nombreux liens. 

Linux 

Sy steme d' exploitation libre. 

Login 

Nom d'utilisateur generalement associe a un mot de passe et permettant 
1' identification d'un utilisateur sur un sy steme informatique ou lors de 
l'etablissement d'une connexion. 



Marque-page 

Voir Favori. 

Megabit par seconde (Mbit/s) 

Unite de mesure de vitesse de transfert des donnees (1 000 000 bits par seconde). 

Megaoctet (Mo) 

Unite de mesure informatique correspondant a 1 048 576 octets. 

Memoire wive 

La memoire vive est la memoire de travail du microprocesseur. Elle est rapide 
(beaucoup plus que la memoire de masse). A la difference de la memoire de masse, 
la memoire vive est volatile : la conservation de son contenu est liee au passage du 
courant electrique, c'est-a-dire que l'ordinateur doit etre sous tension pour que le 
contenu de la memoire vive soit conserve. 
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Menu 

Systeme de navigation sous Joomla. 

Modem (modulateur demodulateur) 

Interface transformant un signal numerique en un signal analogique, et 
reciproquement. Un modem est done un peripherique reversible, largement utilise 
depuis les annees 1980, pour permettre la communication entre les ordinateurs, via 
le reseau telephonique, initialement prevu pour vehiculer la voix humaine, sous 
forme de signaux analogiques (et non de signaux numeriques, utilises par les 
ordinateurs). Bien qu'il presente des analogies physiques et conceptuelles, ce type 
de modem, dit modem RTC, ne doit pas etre confondu avec un modem ADSL, de 
technologie radicalement differente. 

Module 

Fonctionnalite additionnelle sous Joomla. 

Moteur de recherche 

Site Internet permettant d'effectuer des recherches d'autres sites sur le Net par le 
biais de mots-cles. 

Firefox 

Navigateur Internet OpenSource. 

MySQL 

Base de donnees tres utilisee sur le Web, associee a PHP. 



N 



Navigateur 

Logiciel dedie a l'affichage des pages HTML, tel qu'Internet Explorer ou Firefox. 

Newsletter 

Courrier electronique d' information sur un sujet et adresse a des internautes 
abonnes au service. 

Nom de domaine 

Adresse reseau sur Internet du type www.mondomaine.extension. 



Occurrence 

Nombre de repetitions d'un mot dans un texte. 
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Octet 

Unite d' information correspondant a 8 bits. Un bit est une valeur binaire egale a 
ou a 1. Un octet est done une valeur du type 10111011, qui correspond ici a la 
valeur 187 en base 10. 

OpenSource 

Programmes libres d'acces qui peuvent etre modifies et redistribues librement. 



Page jacking 

Technique frauduleuse reposant sur la copie illegale du contenu d'une page web. 

Page alias 

Page n' ay ant d' existence que pour les moteurs de recherche dans le but d'ameliorer 
1' indexation. Cette technique est illegale aux yeux des moteurs de recherche. 

Page orpheline 

Page n' ay ant aucun lien pointant vers elle. 

Page satellite 

Pages d'un site Internet dediees au referencement sur les moteurs de recherche et 
redirigeant vers d'autres pages. Elles renferment un texte optimise pour apparaitre 
dans les moteurs de recherche sur un mot-cle puis redirigent l'internaute vers une 
page du site. Cette technique est prohibee par les moteurs de recherche. 

Pagerank 

Indice de popularite d'une page web utilise par Google et intervenant dans le 
classement des liens dans les pages de resultats. 

Pare-feu 

Programme empechant les intrusions de crackers sur un ordinateur. Le principe du 
pare-feu repose sur un blocage des ports non autorises a emettre ou a recevoir. Ce 
dispositif de protection antipiratage sur un reseau est encore nomme firewall. 

PDF (Portable Document Format) 

Format de flchier cree par Adobe affichable sur la majorite des plateformes 
informatiques. 

Permalink 

Lien permanent vers une page web. 
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Plugin 

Sous Joomla, petit programme ajoutant des fonctionnalites au systeme. 

PNG (Portable Network Graphics) 

Format d' image libre de droits. 

Podcast 

Fichier audio ou video envoy e par flux RSS. 

Pop-up 

Fenetre ouverte automatiquement dans un navigateur Internet. 

Positionnement 

Place d'un site web dans le classement d'un moteur de recherche. 

Positionnement naturel 

Place d'un site web dans le classement d'un moteur de recherche, sans 
remuneration du moteur. 

Protocole 

Ensemble de normes definissant une methode d'echanges de donnees. 

Provider 

Voir FAI. 



Redirection 

Technique de renvoi d'une adresse Internet vers une autre. 

Reecriture d'URL (URL Rewriting) 

Technique de reecriture d'URL afin d'ameliorer le referencement. 

Registrar 

Societe d'enregistrement des noms de domaines. 

Requite 

Expression saisie dans un moteur de recherche dans le but de trouver 1' adresse d'un 
site web. 
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Reseau 

Ensemble d'ordinateurs relies entre eux par un dispositif physique et logique. 

Robot 

Programme d'un moteur de recherche utilise pour 1' indexation. 

Roll over 

Affichage d'une information au passage du pointeur de la souris sur une zone d'une 
page web. 

Routage 

Acheminement de donnees d'un point a un autre. 

Routeur 

Dispositif permettant l'aiguillage des informations entre differents reseaux. 

RSS (Really Simple Syndication) 

Sy steme de diffusion d' articles depuis un site web vers les internautes qui 
s'abonnent au service. 



Sanbox 

Temps de mise en retrait d'un site web par Google dans son index, pour diverses 
raisons. 

SEO (Search Engine Optimization) 

Optimisation d'un site pour le referencement dans les moteurs de recherche. 

Section 

Conteneur virtuel de categories sous Joomla. 

Serveur 

Ordinateur dedie a l'adressage des fichiers ou des programmes aux ordinateurs 
clients. Dans un reseau, un serveur est la cle de voute du sy steme : il adresse les 
informations et les programmes aux postes clients qui en font la demande. 

Serveur de messagerie 

Ordinateur connecte a Internet et permettant aux abonnes de recevoir et envoyer des 
courriers electroniques. 

Serveur web 

Ordinateur qui heberge des pages web et repond aux requetes des navigateurs. 
Egalement appele serveur HTTP, un serveur web stocke des fichiers dont l'URL 
commence par http://. 
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Site dynamique 

Site web dont les pages sont generees par lecture de leur contenu dans une base de 
donnees. 

SiteMaps 

Fichier place dans un site web dans le but d'ameliorer le referencement de toutes les 
pages du site. 

SMTP (Simple Mail Transfer Protocol) 

Protocole employe pour adresser les courriers electroniques sortants. 

Spip 

Systeme de gestion de contenu OpenSource. 

Soumission 

Inscription d'un site web dans un annuaire. 

Spam 

Courriels publicitaires adresses en grande quantite et generalement indesirables. 
C'est un facteur de ralentissement du reseau Internet, du fait de la surcharge inutile 
de traflc qu'il genere. 

Spamdexing 

Pratiques interdites permettant de tromper les moteurs de recherche. 

Syndication 

Principe de mise a disposition d'une partie d'un site a 1' attention des autres sites qui 
souhaitent en afficher les contenus. 

Systeme de gestion de contenu 

Voir CMS. 

Systeme Sexploitation 

Programme de base permettant a l'ordinateur de fonctionner. 



Tag 

Voir Balise. 

Taux de rebond 

Pourcentage d'internautes visitant une page d'un site web et la quittant 
immediatement apres. 
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Taux de transfert 

Terme designant un debit de donnees pendant une transmission. 

Taux de transformation 

Pourcentage d'internautes ay ant realise un achat par rapport au nombre total de 
visites. 

TCP/IP (Transmission Control Protocol/Internet 
Protocol) 

Regroupement de deux protocoles : TCP, qui gere les flux de paquets, et IP, qui 
effectue la verification des erreurs. Ce protocole est le protocole standard utilise sur 
Internet. 

Telechargement 

Transfert de flchiers d'un ordinateur a un autre par Internet. On parle de debit 
descendant (download) lorsque le telechargement a lieu vers 1' ordinateur et de 
debit montant (upload) lorsqu'un flchier est charge depuis 1' ordinateur par une 
autre machine. Les protocoles FTP et HTTP sont les plus utilises pour les 
telechargements. 

Template 

Systeme de gestion de la mise en forme sur un CMS tel que Joomla. 



Total de visites recues par un site web sur une periode dermic 

Trustrank 

Indice de conflance accorde par Google a un site web. 

Typo 3 

Systeme de gestion de contenu OpenSource. 



u 



Unix 

Systeme d' exploitation portable sur des machines de types differents. 

Upload 

Terme designant un transfert de flchiers depuis 1' ordinateur de travail vers une autre 
machine. 

URL (Uniform Ressource Locator) 

Adresse Internet. Systeme de denomination des pages HTML sur Internet. 
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VirtueMart 

Composant Joomla permettant de creer un site de commerce electronique. 



W 



W3C 

Consortium assurant la fonction de normalisateur des protocoles utilises sur 
Internet. 

Web 

Service d' Internet autorisant l'acces aux informations des serveurs web au moyen 
d'un interpreteur de code HTML, nomme navigateur. Les navigateurs les plus 
celebres sont Internet Explorer et Firefox. 

Web 2.0 

Terme designant les techniques recentes utilisees sur le Web. 

Webmaster 

Personne ay ant en charge la gestion d'un site web. 

Wordpress 

Systeme de gestion de contenu OpenSource. 

WWW (World Wide Web) 

Sigle designant aujourd'hui, par abus de langage, 1' ensemble des pages HTML 
disponibles sur Internet. 

WYSIWYG (What you see is what you get) 

Terme designant un editeur de HTML graphique et permettant de visualiser 
immediatement le resultat obtenu. 



XHTML 

Langage de creation des pages web. 

XML (langage de balisage extensible) 

Langage de creation de fichiers de donnees permettant la definition de balises. 
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Zip 

Format de compression de fichiers le plus repandu, permettant de reduire la taille 
des fichiers et done leur espace de stockage necessaire ainsi que leur temps de 
telechargement. De nombreux logiciels permettant de compresser et decompresser 
des fichiers au format ZIP sont telechargeables sur le Net, mais ils deviennent 
inutiles sous Windows XP et Vista, qui savent effectuer cette tache. 



10.2. Adresses Internet utiles 

Cette section vous propose quelques adresses Internet qui vous permettront de 
trouver des informations complementaires sur Joomla. 

Portail Joomla francophone : http://www.J00mla.fr. 

Portail Joomla francophone dedie aux extensions : 
http://www.joomlafrance.com. 

Portail Joomla francophone dedie a la documentation sur le produit : 

http://aide.joomla.fr. 

Portail Joomla francophone dedie aux forums d'entraide et de discussions : 
http://forum.joomla.fr. 

Forums de discussion Joomla en anglais : http://forum.jOOmla.org. 
Site des concepteurs de VirtueMart (en anglais) : http://virtuemart.net. 

■ Site de demonstration de VirtueMart : http://demo.virtuemart.net. 

Site fournissant de nombreux liens et composants Joomla : 
http://www.joomlasource.be. 

Site fournissant de nombreux templates Joomla : http://www.jOOmlademo.de. 

■ Site de MySql (en anglais) : http://www.mysql.com. 

■ Site francophone de MySql : http://www.mysql.fr. 

■ Site officiel de PHP (en anglais) : http://www.php.net. 

Creation de texte latin de remplissage pour creer des maquettes de pages : 
http://fr.lipsum.com. 

Moteur de recherche Google : http://www.g00gle.fr. 
Moteur de recherche Bing : http://www.bing.com. 
Moteur de recherche Orange : http://www.orange.fr. 
Moteur de recherche Yahoo : http://www.yahoo.com. 

■ Moteur de recherche Alta vista : http://fr.altavista.com. 

■ Google video : http://video.google.fr. 
Apache : http://www.apache.org. 
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Logiciel permettant d' installer de facon totalement automatisee un serveur 
Apache, PHP, MySQL sous Windows : http://www.easyphp.org. 

Logiciel permettant d' installer 1' ensemble PHP Apache et MySQL sur 
Windows : http://www.wampserver.com. 

Le client FTP OpenSource FileZilla : http://www.filezilla.fr. 
CMS WordPress francophone : http://www.WOrdpress-fr.net. 

CMS Spip : http://www.spip.net. 

CMS Dotclear permettant de gerer des blogs : http://fr.dotclear.org. 

CMS Typo3 : http://typo3.org. 

CMS XOOPS France - Systeme Dynamique de Gestion de Contenu : 
http://frxoops.org. 

CMS Drupal France et francophonie : http://drupalfr.org. 

Jardin Zen ess, conception CSS : http://www.csszengarden.com/tr/francais. 

Mozilla Europe, navigateur web Firefox : 
http://www.mozilla-europe.org/fr/firefox. 

Navigateur web Opera Software : http://www.opera-fr.com. 
Navigateur web Google Chrome : http://www.gOOgle.com/chrome. 

Codes JavaScript : http://www.javascriptfr.com et www.codes-sources.com. 
L'editeur JavaScript : http://www.editeurjavascript.com. 
Recherche de nom de domaine : http://www.indom.com. 
AFNIC : http://www.afnic.fr/outils/whois. 

Recherche de nom de domaine : http://www.whois.net. 

Hebergeur Magic OnLine : http://www.magic.fr. 

Hebergeur l&l : http://wwwlandl.fr. 

Hebergeur OVH : http://www.ovh.com. 

Hebergeur Gandi : http://www.gandi.net. 

Hebergeur Amen : http://www.amen.fr. 

Hebergeur NFrance : http://www.nfrance.com. 

Hebergeur NuXit : http://www.nuxit.com 

Hebergeur Ouvaton : http://www.OUVaton.COOp. 

Hebergeur Strato : http://www.strato-hebergement.fr. 

Portail Free : http://www.free.fr. 

Telechargement de logiciels gratuits ou de demonstration : 
http://www.telecharger.com. 

Logiciels Adobe : http://www.adobe.com/fr. 

Logiciel Photoshop Album Edition Decouverte : 
http://www.adobe.com/fr/products/photoshopalbum/starter.html. 
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Logiciel Adobe Photohop Express : 
http://www.photoshop.com/express/landing.html. 

■ Logiciels Corel Corporation : http://www.C0rel.com. 

Media Convert - convertisseur gratuit et en ligne : http://media-C0nvert.com. 

■ Logiciel Picasa : http://picasa.g00gle.fr. 

■ Logiciel The GIMP : http://www.gimp.org. 

■ Google Maps : http://maps.google.fr. 

■ Google Adsense : http://www.google.com/adsense. 

■ Google AdWords : http://www.google.com/adwords. 

■ Centre d'aide AdWords : https://adwords.gOOgle.fr/support. 

■ Blog officiel Adwords en francais : http://adwords-fr.blogspot.com. 

■ Encyclopedic Wikipedia : http://fr.wikipedia.org. 

■ Encyclopedic de la distribution : http://www.distripedie.com. 
Tutoriels infographie, photo numerique et bureautique : 

http://www.mosaiqueinformatique.fr. 

Formations Joomla : http:www.mosaiqueinformatique.com. 
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@, 386 
<a>, 39 
<b>, 35 
<i>, 36 
<p>, 38 



A 

Accessibility, 384 

Achat de mots-cles, 384 

Acrobat Reader, 384 

ActionScript, 384 

ActiveX, 384 

Actualisation d'une page, 96 

Administrateur de reseau, 200, 384 

Adresse 

email, 384 

IP, 384 

URL, 385 
AdSense, 333, 385 
ADSL, 385 
AdWords, 385 
AFNIC, 385 
Ajax, 385 

Album Starter Edition, 193 
Algorithme de pertinence, 385 
Algorithme, 385 
Alias, 129, 385 
Alignement 

a droite, 136 

a gauche, 136 

centre, 136 

justifie, 136 
Allintitle, 372 
Allinurl, 374 
Alt, 386 
Anchor, 39 
Ancre, 386 
Annonceur, 386 
Annuaire, 386 
Apache, 16, 44, 50, 386 
Applet Java, 386 
Archive gz, 260 
Archive tar, 262 
Arobase, 386 
Article, 115, 122, 386 

categorise, 123 

creation, 128 

insertion d'une image, 141 

mise en forme, 134 

modification, 128 

parametre par defaut, 149 



parametre specifique, 150 

parametre, 149 

pre visualisation, 131-132 

publication en page d'accueil, 156 

saut de page, 145 
Assistant, 386 
Attribut, 29, 39 
Audit de site, 386 
Auteur, 201 
Authentification, 386 
AVI, 387 
AWR, 387 



B 



Backend, 26, 86, 89, 387 
Backlink, 387 
Backup, 387 
Balise, 28, 387 

de fin, 28 

meta description, 387 

meta keywords, 387 

meta title, 387 

META, 364, 387 
Bande passante, 70, 388 
Banniere, 388 
Barre de titre, 388 
Barre d'outils, 388 
Barre, 136 
Base de donnees, 388 

creation, 81 
Bloc-notes, 388 
Blog, 22, 388 
Body, 388 
Bogue, 388 
Bookmarks, 388 
Boutique en ligne, 255 
Bouton 

lire la suite, 157 
Browser, 388 
Buffer, 388 
Bug, 388 
Butineur, 389 
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Cache, 96, 389 

du navigateur Internet, 34 
Cascading Style Sheet, 14 
Catalogue, 278 
Categorie, 122, 125, 389 

suppression, 299 
Chemin d'acces, 389 
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Chevron, 28 
Clic, 389 
Client, 389 
Client-serveur, 389 
Cloaking, 389 
Clustering, 390 
CMS, 11, 16, 390 

base de donnee, 17 

code dynamique, 17 

principe, 17 

principe de fonctionnement, 19 

serveur web, 17 
Combo, 390 

Commande de 1' interface d' administration, 116 
Commentaire, 30 
Commerce electronique, 255, 390 
Community Builder, 243 
Compatibilite, 390 
Composant, 110, 217, 390 

communicator, 244 

community Builder, 243 

desinstallation, 219 

DOCman, 240 

GMAccess, 245 

installation, 219 

JCE, 219 

Joom !Fish, 225 

Phoca Gallery, 243 
Compression, 390 
Compte d'acces, 390 
Configuration, 390 
Content Management System, 17 
Contenu 

duplique, 174 

dynamique, 391 
Cookie, 367, 391 
Courriel, 391 
Cout 

par Clic, 352, 391 

pour mille, 391 
CPC, 352 
Cracker, 391 
Crawl, 345 
Crawler, 345 
CSS, 14, 391 



D 



Debit, 391 

descendant, 392, 404 
montant, 392, 404 

Define, 380 

DHTML, 392 

DNS, 392 

DOCman, 240 



Domaine, 76 
Dotclear, 22 
Download, 392, 404 
Dreamweaver, 14 
Drupal, 23 

Duree de session, 119 
Dynamique, 392 



E 



EasyPHP, 50 
Echange de liens, 392 
Editeur 

d' articles, 134 

de texte, 14 

HTML, 134 
Encapsulation, 392 
Ergonomie web, 392 
Extension, 392 



F 



FAI, 393 
Favori, 16, 393 
Feuille de style, 393 

en cascade, 14 
Fichier, 393 
Fil d'Ariane, 393 
Filetype, 374 
Filezilla, 72 
Filtre, 127 

Firefox, 45, 393, 399 
Firewall, 393 
FLA, 192 

Flash Player, 192, 393 
Flash, 13, 191, 393 
Flux RSS, 106, 393 
Footer, 394 
Format 

de fichier, 393 

gz, 260 

tar, 262 
Forum de discussion, 394 
Freeware, 394 
Frontend, 26, 86, 394 
FTP, 72, 198, 394 
Fuseau horaire, 120 



G 



Generateur de mots-cles, 348 
Gestionnaire de medias, 195 
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Gif anime, 190 
Gif, 190 
Gigaoctet, 394 
Gimp, 194 
Glossaire, 384 
GMAccess, 245 
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